Build antv data visualization large screen from zero (lightweight vite-react-ts)

​ Summary ​ Previously, Ofter detailed how to write visualization screens from scratch using Vue. Today, we'll show you how to write visualization charts using React. Why are we still learning React? Because of its lightweight nature, visualization charts like antv are all in React, although antv has one viser (React/Vue/Angular th ...

Added by brown2005 on Wed, 23 Feb 2022 19:00:59 +0200

Deploy react app to Github Pages using Github Actions

Preface - apply what you have learnedI've been busy with development before. I always go to see some things and think about learning something? Um I seem to have learned it, but I don't know if you have this feeling, so at the beginning of the new year, change a learning method and learn something completely in the spirit of learning for applic ...

Added by daz1034 on Wed, 23 Feb 2022 11:43:57 +0200

React component lifecycle

In version 17.0.1, React has modified the life cycle of components. The new life cycle and the old life cycle have not changed much. The new life cycle has added two new hook functions, and three hook functions are outdated.   1, Old life cycle The life cycle of components can be divided into three stages: initialization stage, update st ...

Added by atravotum on Mon, 21 Feb 2022 15:29:03 +0200

Deploy vue or react projects (Tencent cloud simple)

If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions. ① Purchase Tencent cloud (essential) 1. ...

Added by kingssongs on Mon, 21 Feb 2022 00:16:38 +0200

React learning notes - Render Props

introduce Render Props refers to the technology of using a prop whose value is a function to share code between React componentsThe component with render prop accepts a function that returns the React element, and calls this function inside the component to implement its own rendering logicIt is mainly used to separate logic and reuse code ...

Added by MathewByrne on Sat, 19 Feb 2022 23:25:46 +0200

Analysis of React hooks state management scheme

Author: EllieSummerReact v16. After 8, Function Component became the mainstream, and the scheme of react state management also changed greatly. Redux has always been the mainstream react state management solution. Although it provides a set of standardized state management process, it has many problems that people have been criticized: too many ...

Added by Q on Fri, 18 Feb 2022 11:54:53 +0200

Use of PureComponent for performance optimization of React components

Article from personal blog: https://knightyun.github.io/2021/05/09/js-react-purecomponent , reprint, please state In the React class component, if the state changes, it will trigger the re rendering of the component (execute the render method), and it is all re rendering including all sub components, whether some sub components use the value ...

Added by smartknightinc on Thu, 17 Feb 2022 15:17:09 +0200

Internationalization of react project: realizing automatic assembly scheme

This scheme provides a plug-in front-end project internationalization implementation scheme, which can support internationalization without supporting internationalization at the beginning for some reasons, and then support internationalization without modifying the original business code. Make use of construction tools to achieve the internati ...

Added by lancey10 on Tue, 15 Feb 2022 08:27:00 +0200

Handwritten simple version of React to thoroughly understand the fiber architecture

The biggest difference between before and after React 16 is that 16 introduces fiber and implements hooks based on fiber. I mention fiber all day. What is fiber? What is its relationship with vdom? Instead of looking at various explanations, it's better to write a fiber version of React. When you can realize it, you must fully understand it. ...

Added by chadbobb on Tue, 15 Feb 2022 04:15:21 +0200

Understand React Hooks and several commonly used hook functions

Write in frontReact Hooks is a new mechanism launched by the react team in version 16.8 two years ago. As the most mainstream front-end framework, react's API is very stable. The release of this update shocked many front-end bosses who fear the new wheel. After all, each update is a high-cost learning. Is it easy to use?The answer is easy to us ...

Added by KaFF on Sun, 13 Feb 2022 14:42:06 +0200