It refers to the process of rendering a single page application (SPA) into AN HTML fragment on the server and sending it to the browser, which then binds its states and events to become a fully interactive page. (PS: SSR content in this article is all about homogeneous applications.) Faster first screen loading speed: No need to wait for JavaScript to complete the download and execute to display content, faster to see...

What was the last time you messed with dependencies and build configurations, and how long did it take? One design of NPM is devDependencies, which is often blamed for development environment stability problems in front-end projects. It was a great order, no doubt. Without NPM install, it is estimated that...

In this article, we introduce the Jest testing framework used in the React project, with some questions to explore and plug-ins recommended. You are welcome to visit ? ~

Nuggets is a community that helps developers grow. It's Hacker News for developers, Designer News for designers, and Medium for product managers. The technical articles of digging gold are edited by the technical masters and geeks gathered on rare earth to select the best dry goods for you, including: Android, iOS, front-end, back-end and other aspects of the content. Users can find the top stories from the tech world here every day. Meanwhile, nuggets also have boiling point, nuggets translation plan, offline activities, column articles and more. Even if you're a GitHub, StackOverflow, open Source China user, we believe you can get something out of it.

JSX is a powerful extension to JavaScript that allows us to define UI components. But it does not directly support loops and conditional expressions (although adding conditional expressions has been discussed). If you want to iterate through a list to render multiple components or implement some conditional logic, you have to use pure Javascript, and you don't have many options for handling loops. ...

Html5 Web Storage includes two Storage methods: sessionStorage and localStorage. And the data is destroyed when the session ends. Therefore, sessionStorage is not a persistent local storage, only session level storage. Only access to the same window is allowed. And localStorage for persistence...

The high-performance React mini-framework Anujs1.1.1 has been released

At the end of the year, I wanted to change a job for various reasons, but I was too busy to seriously prepare my resume and review the basic knowledge, so I didn't dare to write on my resume. Then wrote a brief version of the resume to hang in Boss direct hire, ready to year after serious preparation of this matter. balabala.... I haven't had an interview for a long time, but when I introduced myself, I was very nervous and said something that was not on my resume, such as...

With the component-based web development approach, communication between components is an unavoidable topic. There are many ways for components to communicate with each other, so let's introduce a way to use Context to communicate across hierarchies. First of all, we usually start in a separate file, such as context.js. Define the following variables: Then in the ancestor component, use Provid...

I believe that after reading this article, you can get the answers you need. Each time you click on the p tag, count + 1, setCount triggers the rendering of the function component. A re-rendering of a function component is actually a re-execution of the current function. In each rendering of a function component, the internal state, the function, and the props passed in are independent. Click the Modify button to place the object...