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