Programming VIP

1, What is react? React is a front-end programming framework. It is a javascript library used to build user interface. It originated from the internal project of Facebook. After being open-source, react has quickly become the most powerful tool for front-end engineers because of its convenient operation. React has high performance and very sim ...

Since the launch of the "hacker talk" Web Version (hackertalk.net) on June 6, it has attracted many users. In order to further improve the terminal experience, we decided to reuse the existing technology stack to realize the wechat applet. It took only four days to develop it. This paper mainly discusses how to quickly launch the ap ...

preface Redux is a predictable (according to a fixed input, a fixed result will be obtained) state container for javascript applications. It can run on the server, client and native applications. It evolved from Flux. It is simple and easy to use Centralized management of the status of multiple components in react redux is a js librar ...

Official upgrade document https://ant.design/docs/react/migration-v4-cn 1, Upgrade preparation Upgrade react to 16.14.0 0: yarn add react@16.14.0 Upgrade react DOM to 16.14.0 0: yarn add react-dom@16.14.0 New version antd4: yarn add antd@4.16.12 antd3 compatible Icon and Form transition package: yarn add @ Ant Design / compatible 2, Execute np ...

​ catalogueprefaceUnderstanding of life cycleThree states of the lifecycleImportant hook Hook to be discarded Specific functions of hook functionsNumber of life cycle executions of the componentExecute multiple times: Component lifecycle execution sequenceSmall exampleprefaceI've been learning vue and nodejs recently. I can't think about React ...

prefaceLet's not talk about the syntax principle, but first forcibly simulate the syntax according to the API effect to realize a simple version of ReactThe following code has nothing to do with the React source code, just a simple simulation idearenderThe first step is to create an element return with the class and bind the click event. The co ...

js create virtual dom and jsx create virtual dom js to create a virtual dom <!-- Prepare a "container" --> <div id="test"></div> <!-- introduce react Core library --> <script type="text/javascript" src="../js/react.development.js"></script> <!-- introduce react-dom，Used to support react ...

PrefaceIn this age of spirits, fat fish skilled in Vue have been beaten up too many times, and interviews have been questioned: "You can't really?" I couldn't stop saying anything.There are many Vue and React projects in the new company. After doing a few things, I find there are still many similarities between them. The key point is ...

catalogue What is Promise? What are the advantages of Promise? What is asynchronous programming? What is hell? How to solve the problem? (Promise) How to implement asynchronous programming - Comparison between the old and the new (New: Promise; old: callback function) fs file operation AJAX network request timer Database read What i ...

In depth analysis of React Diff principle Before understanding Diff, let's take a look at the structure of React's virtual DOM This is the html structure This is the js code when React renders html. You can try it on babel It can be seen that this is a tree structure React will create a tree (pre for short) when calling the render meth ...