Programmer Group

In recent work, we need to develop the H5 page on the mobile terminal. Instead of using the familiar react + antd mobile, react + taro UI and Vue + uview, we used react + material UI to make a new attempt. And just recently, react router / react router DOM forcibly iterated a large version with hooks mode @6;Purpose: after getting tired of the ...

react source code analysis 8.render phaseVideo Explanation (efficient learning): Enter learningPrevious articles:1. Introduction and interview questions2. Design concept of react3.react source code architecture4. Source directory structure and debugging5. JSX & Core api6.legacy and concurrent mode entry functions7.Fiber architecture8.render ...

react source code analysis 7.Fiber architecture Video Explanation (efficient learning): Click to learn Previous articles: 1. Introduction and interview questions 2. Design concept of react 3.react source code architecture 4. Source directory structure and debugging 5. JSX & Core api 6.legacy and concurrent mode entry functions 7.Fiber archi ...

react source code analysis 6.legacy mode and concurrent mode Video Explanation (efficient learning): Click to learn Course Directory: 1. Introduction and interview questions 2. Design concept of react 3.react source code architecture 4. Source directory structure and debugging 5. JSX & Core api 6.legacy and concurrent mode entry fun ...

About React   Basic use of React <div id="test"></div> <script type="text/javascript" src="../js/react.development.js"></script> <script type="text/javascript" src="../js/react-dom.development.js"></script> <script type="text/javascript" src="../js/babel.min.js"></script> <script type= ...

preface When we want to share logic between two functions, we extract it into the third function. Both components and hooks are functions, so this method is also applicable. What are hooks and how to use them. Recommended articles: How to use react hooks? Play with react hooks, customize hooks design pattern and its actual combat rule Hook ...

Component communication props Applicable to parent-child component communication Parent component - > child component The parent component passes the parameters to be passed to the child component through key={xxx}, and the child component obtains the parameters through this.props.key import React from 'react' import Son from './son' cla ...

Prestige ❤ Exchange and learn together with itspcool.│- config / / build configuration- public / / HTML entry- scripts / / Project scripts└ - server / / backend├─config // The project configures github, email, database, token secret, etc ├─controllers // Business control layer ├─middlewares // middleware ├─models ...

Redux learning notes There is no necessary relationship between redux and react. redux can be applied to various frameworks, including jquery and even js. However, redux and react are more matched. redux also launched react redux, which is specially used for react. 1. Overview of Redux Redux is a JavaScript container for global state managem ...

When using React, functional components have no state, so they were called stateless components at that time. What is hook?   Hook is a special function that allows you to "hook in" the React feature. When using hooks, you can hook in other functions so that functional components can achieve the effect of components defined by cl ...