resso, the simplest React state manager in the world

1. resso, React state management has never been so simpleresso is a new React state manager. Its purpose is to provide the simplest way to use it in the world.At the same time, resso also realizes on-demand update. If the data not used by the component changes, the component update will never be triggered.GitHub: https://github.com/nanxiaobei/r ...

Posted by Teach on Thu, 17 Feb 2022 15:09:46 +0100

React source code analysis series - render exception handling mechanism of react

Series article directory (synchronous update)React source code analysis series - render phase of react (I): introduction to the basic processReact source code analysis series - render phase of react (II): beginWorkReact source code analysis series - render phase of react (III): completeUnitOfWorkReact source code analysis series - render except ...

Posted by Eamonn on Thu, 17 Feb 2022 03:42:42 +0100

React learning notes: related knowledge of classes

Learn from Ruan Yifeng's es6 tutorial. If you are interested, you can click here Check the original text. 1. Introduction 1-1, origin of class The class of es6 can be regarded as a syntax sugar of the constructor. For example, there are the following constructors. function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toStr ...

Posted by keigowei on Wed, 16 Feb 2022 04:18:41 +0100

react source code analysis 6 Legacy mode and concurrent mode

react source code analysis 6 Legacy mode and concurrent modeVideo Explanation (efficient learning): Enter learningreact start modeReact has three modes to enter the entry of the main function. We can access it from the official document of react Use Concurrent mode (experimental) Three modes are compared:legacy mode: reactdom render(<App /&g ...

Posted by mcirl2 on Mon, 14 Feb 2022 02:46:19 +0100

Explore React synthetic events

Explore React synthetic events 1, What is a composite event React synthetic event is an event object that can simulate all the capabilities of native DOM events, that is, the cross browser wrapper of browser native events. It defines synthetic events according to W3C specification, is compatible with all browsers, and has the same interface as ...

Posted by Lashiec on Mon, 14 Feb 2022 02:34:56 +0100

React JS + Spring Boot REST API example tutorial

In this tutorial, we will use React as the front end and Spring Boot as the back end to create a simple "single page application". React is used to build a user interface (UI) at the front end. Spring Boot is very popular in developing RESTful Web services and micro services. As we all know, React is a JavaScript based librar ...

Posted by doddatika on Sun, 13 Feb 2022 03:02:28 +0100

Basic knowledge points of css3

I reviewed it again from html. Today I will mainly review css3, sort out some common knowledge points, and update js, jq, vue, react, etc CSS3 is the latest CSS standard. CSS3 border Border radius: used to create fillets Box shadow: used to add shadows Border image: creates a border using a picture CSS3 background Background image: a ...

Posted by Kain Elderan on Sat, 12 Feb 2022 10:36:38 +0100

react learning notes -- I -- mobile terminal project construction

1, Initial project construction npx create-react-app my-app cd my-app npm start 2, Project directory structure design 1. Delete everything under src after creating a new project 2. Then create the relevant directory structure: 3, Initialize and configure the mobile terminal project file 1. Introduce antd mobile Official website: htt ...

Posted by akaki on Fri, 11 Feb 2022 19:27:50 +0100

react source code analysis 12 Status update process

react source code analysis 12 Status update process Video Explanation (efficient learning): Enter learning setState&forceUpdate Several ways to trigger status update in react: ReactDOM.renderthis.setStatethis.forceUpdateuseStateuseReducer Let's focus on this Setstate and this Forceupdate, hook in Chapter 13 this. Call this in setstat ...

Posted by gsb on Thu, 10 Feb 2022 23:44:36 +0100

Ant Design Amiya released ~ ๐ŸŽ‰๐ŸŽ‰๐ŸŽ‰

What is amiyaamiya is a component library, which is the secondary encapsulation of Ant Design # and provides page level components.Document addressWhat are its characteristics?Form read-only modeThe default antd only supports the readonly mode for a few components, while the disabled mode will display the placeholder, which may be incomplete.Th ...

Posted by shadow-x on Thu, 10 Feb 2022 22:51:00 +0100