React technical principles and code development practice: creation and use of React components

1. Background Introduction Overview React is a JavaScript library for building user interfaces. It is designed to separate the UI layer and state logic and provide a concise and flexible API. When Facebook launched React in 2013, it was intended to replace Backbone and AngularJS. In order to better understand React, you need to understand […]

Fixed Bug: Warning: Received `true` for a non-boolean attribute disabled (React) issue

Blogger Maotouhu () takes you to Go to New World? Blog homepage: Maotouhu’s blog “Complete Column of Interview Questions” Articles with pictures and texts Vivid images Simple and easy to learn! Everyone is welcome to step in~ “IDEA Development Cheats Column” Learn the common operations of IDEA and double your work efficiency~ “Master Golang in […]

React recursive handwritten flow chart displays tree data

Requirements Draw a flow chart display based on the data structure of the tree, and support the addition of previous level, next level, sibling and deletion functions (it is convenient to mark nodes, and the node data is displayed as a label, and it is processed according to the situation in actual business) File structure […]

React technical principles and code development practice: navigation and routing in React Native

Author: Zen and the Art of Computer Programming 1. Background Introduction In React Native applications, navigation is the main way to switch between different views of the user interface. The core idea is to use the stack data structure to combine different components to achieve smooth transition between pages. In React Native, the Navigator component […]

React technical principles and code development practice: Configuring and using Webpack in React projects

Author: Zen and the Art of Computer Programming 1. Background Introduction React is one of the most popular front-end frameworks at the moment, and some basic knowledge about it has been released on its official website. React developers are increasingly joining the ranks. There are a large number of articles involving React in many places, […]

18 | Reactive programming framework design: How to make program calls respond immediately without blocking waiting?

In the first column, we discussed why the program crashes under high concurrency conditions. The main reason is that in the case of high concurrency, there are a large number of user requests that require program calculation and processing. The current processing method is to allocate a thread to each user request. When the thread […]

The web3 React dapp project gets canceled and completed and all order data from the blockchain through events and stores them in redux.

Okay, above, web3 uses antd to build the basic structure of the order component in the React dapp. We have demonstrated a basic order component. Then let’s continue and start with the environment. ganache terminal run ganache -d MetaMask Log in Then open the project and publish the contract truffle migrate –reset Then run the […]

Using JWT with React Router

In this article, we will explore the seamless integration of JWT authentication with React and React-router. We’ll also learn how to handle public routes, validation-protected routes, and how to leverage the axios library to make API requests with authentication tokens. Create a React project Using the command below will create a project for us npm […]

React technical principles and code development practice: from routing to nested routing

Author: Zen and the Art of Computer Programming 1. Background Introduction For web developers, it is especially important to master React’s routing mechanism. As a well-known front-end framework for React, there are many ways to implement routing. This article will elaborate on the following two aspects: 1. What is front-end routing? 2. Front-end routing principles […]