1. Background Introduction React is one of the hottest front-end JavaScript frameworks currently. Its main advantages are simplicity, flexibility and performance. This article will combine my own research experience and work summary to share how to better understand and master some features and technical details of React. React has become a mainstream front-end UI framework, […]
Tag: React
React technical principles and code development practice: from components to life cycle
1. Background Introduction React is a JavaScript library for building user interfaces. It originated from Facebook, which implemented a front-end view layer framework in JavaScript and open sourced the project. Facebook is now at the helm full-time. React has many features, such as: Declarative programming: React adopts a declarative programming method, that is, using JSX […]
React technical principles and code development practice: from PWA to Web Components
1. Background Introduction React is a JavaScript library for building user interfaces. It was originally open sourced by Facebook in 2013. Its powerful functions, excellent performance, simplicity and ease of use make it one of the most popular front-end frameworks currently. In recent years, the React community has also undergone some changes, including the rise […]
React technical principles and code development practice: React form processing and verification
1. Background Introduction Currently, front-end technology is changing with each passing day, and new technologies are emerging one after another. React, as the most popular Javascript library at the moment, is increasingly favored by developers. React is known as “the Facebook of JavaScript”. Its advantages include componentization, declarative programming, JSX syntax, etc., and React Hooks […]
reactive and effect, dependency collection triggers dependencies
The project has been initialized through the previous article and integrated ts and jest. This article implements the reactive method in the reactive module in Vue3. Prerequisite knowledge If you are proficient in Map, Set, Proxy, and Reflect, you can skip this part directly. Map Map is a collection used to store key-value pairs and […]
With pictures and texts, we will teach you step by step how to use the OpenAI interface based on React+md to achieve the ChatGPT typewriter effect.
Preliminary preparation Front-end project Backend interface (OpenAI interface is enough) Start a new React project If you have existing projects, you can skip this step and go directly to the next step~ Next.js is a full-stack React framework. It’s versatile and allows you to create React apps of any size – from static blogs to […]
Use of React function components (Hooks)
Table of Contents Hooks concept understanding 1. What are hooks? 2. What problems do Hooks solve? useState 1. Basic usage 2. Reading and modifying status 3. Component update process 4. Rules of use useEffect 1. Understand function side effects 2. Basic usage 3. Dependencies control execution timing 4. Clean up side effects Hooks concept understanding […]
Props, the three major attributes of React
Original link; React complete notes Props, the three major attributes of React React components use props to communicate with each other. Each parent component can provide props to its child components, thereby passing some information to it. Props may remind you of HTML attributes, but you can pass any JavaScript value through them, including objects, […]
React technical principles and code development practice: from Jest to Enzyme
1. Background Introduction React is a JavaScript library developed by Facebook for building user interfaces. Its original intention was to solve the problem of low view rendering efficiency in JavaScript single-page applications. Facebook is also using React internally for the development of internal projects. This article will introduce some knowledge points about React principles, component […]
React technical principles and code development practice: use React to develop a shopping cart application
1. Background Introduction An indispensable function before a shopping website or e-commerce platform goes online is the “shopping cart”. This article will lead readers to fully understand the application of React technology in shopping carts through a shopping cart application case developed based on the React framework. We can start with the following points to […]