Tag: react.js

React event system. The React event system emulates the browser event system to implement event triggering logic to achieve compatibility between different browsers. This article...

Suddenly to achieve a digital scrolling effect, a search on the Internet, a lot of components are used. I just wanted a simple effect, so...

In the beginning, we should introduce directly through the CDN. This will help us experience React.... more quickly

My last project, which was developed using React16.0 and fully using the hook-API, failed to pay attention to the React component rendering mechanism, resulting in...

When using a Form component in ANTD, if you use a custom component, you do not get the value of the custom component when saving....

React events are named in a camelCase rather than pure lowercase. Key helps React identify which elements have changed, such as being added or removed....

I tried react+ TS + AntDesign for the first time. I did a project with React + TS + AntDesign, and recorded all the pits...

(However, this only works on closed systems!) Earlier, I used useReducer or a number of state management libraries under hooks. After careful consideration in the...

The Reconciler process is officially defined as follows: Virtual DOM is a programming concept in which the UI is a kind of idealized or Virtual...

A function component cannot have its own state. Function components were stateless before hooks and used props to obtain the state of the parent component,...

The problem is that when a function component wants to maintain its own state, it has to convert to class. This is troublesome! 😄1. Key:...

By passing a store to the Provider, you don't have to pass a store to every container component by introducing a Provider in the import...

The setCount method is used to change the value of count. If the value of count is changed, the page component will be rerendered.

DOM information and structure are represented by JavaScript objects, which are re-rendered when the state changes. This JavaScript object is called the Virtual DOM. DOM...

What is the meaning of Fragments? Use the react. Fragment method instead of the original div to output the table properly. Phrasal we can declare...

The virtual DOM + JSX in React was designed from the beginning, while vUE was an evolution, appearing after version 2.0. When first called, all...

The shouldComponentUpdate method fires before rerendering. The default implementation is to return true. If the component doesn't need to be updated, return false in shouldComponentUpdate...

Define the global state and return the communication method, which is recommended for the main application. Microapplications obtain the communication method from props. Sub-application: a...

The current position is shown in figure 3, and the red arrow is the viewable area of the mobile phone. Move to the right to...

If you feel ok, please like more, encourage me to write more wonderful article 🙏. It's getting late. It's time to get down to business....

index.import App from '.import registerServiceWorker from '.ReactDOM.render(<App />, document.App.import Header from '.switch (action.return...

React events are not native events. React defines its own event system according to the W3C specification, which is called synthetic events.