React creates a Ripple Button
Mimicking the Google Material click ripple effect. Use the React-Spring animation library. G -ripple is used to simulate ripple effect.
Read More
Tag: react.js
React HostComponent update
December 8, 2023
by Rebecca Davies-Grant
No Comments
The React source code resolves completeWork and HostText updates, and the HostComponent renders several times. The "first render phase" will be covered in the next...
Read More
March Front End knowledge collection
December 8, 2023
by Alia Andra
No Comments
Do not confuse NodeJS with eventloopJavaSc in your browser
Read More
Immer.js usage documentation and practices in the Redux project
December 8, 2023
by 高靜宜
No Comments
Immer is an IMmutable library written by the author of Mobx. The core implementation is to use ES6 proxy to implement JS immutable data structure...
Read More
React Hook useMemo, useCallback and Memo
December 8, 2023
by Danielle Bowden
No Comments
Use the same syntax for useMome, useCallback. Both hooks return cached values, useMemo returns cached variables, useCallback returns cached functions. React.memo is a higher-order component....
Read More
React-redux source code
December 8, 2023
by 孫哲瑋
No Comments
React-redux is an extension of Redux and its functions. Redux is an extension of Redux. Redux is an extension of Redux and its functions
Read More
React Learning Notes (3) Event handling and form elements
December 8, 2023
by Samantha Cragg
No Comments
The React element handles events similar to the DOM element, but with a few syntactic differences. Let's look at a simple example.
Read More
Fey-react-redux-loadabe – a tool for react&Redux projects (including Saga) to be reloaded
December 8, 2023
by 蒙哲瑋
No Comments
I wrote some examples about code-spliting a long time ago. With the development of the technical library, this time I cleaned up the code-spliting used...
Read More
Dive into the setState mechanism of React
December 8, 2023
by Alexis Thompson
No Comments
This setState (source code involved) is written for the act15 version, i.e. Fiber is not involved; For the convenience of reading and writing, I choose...
Read More
Simulate a Redux using useReducer+useContext
December 8, 2023
by Ms. Jacqueline Scott DVM
No Comments
In React development projects, redux is used to manage global data. However, it is not necessary to use Redux in some scenarios. For example, in...
Read More
React & Fiber requestIdleCallback requestIdleCallback requestIdleCallback
December 8, 2023
by Eileen Edwards
No Comments
This is my 20th day on the Challenge. I'm Komura. Last time we finished implementing TinyReact, we're going to learn about the React16 called Fiber...
Read More
React => React
December 8, 2023
by Leslie Hansen-O'Neill
No Comments
If there is something wrong, please bring it out for the benefit of you, me and him.
Read More
React Ecology in 2022
December 8, 2023
by Kirk Martin
No Comments
React has been popular on the front end for a long time, and in that time it has developed a very comprehensive and powerful ecosystem....
Read More
React test driven development: From User stories to products
December 8, 2023
by James Tucker
No Comments
In this article, we will take a TEST-driven development (TDD) approach from user stories to product development of a React application. Also, we will use...
Read More
How to build a blog of your own (purely manual build 💪💪)
December 8, 2023
by Wendy Haynes
No Comments
I built my own blog system a few years ago. At that time, the front end of the blog system was basically based on VUE....
Read More
CSS allows you to hide scroll bars while scrolling
December 8, 2023
by 丁雅筑
No Comments
Use Overflow: Hidden to hide scroll bars, but the problem is that the page or element loses the ability to scroll. Since you only need...
Read More
A step-by-step tutorial on Redux that a chimp could understand
December 8, 2023
by Manikya Goswami
No Comments
So what is the relationship between the two? We know that although the React is actually a UI framework (not even a framework that is...
Read More
The component library documentation tool Dumi is introduced and compared with a brief summary of stomping pits
December 8, 2023
by Jhanvi Loke
No Comments
Last week, we migrated the component documents in the team from DOCZ to Dumi. The migration cost is about one to two days. Here we...
Read More
React Hooks concepts and use
December 8, 2023
by 晏宇軒
No Comments
React-hooks are the react-hooks API added after Update 16.8. The purpose of this API is to increase code reusability, logic, and address the problem that...
Read More
Talk about the life cycle changes coming with React asynchronous rendering
December 8, 2023
by Dale Bishop
No Comments
If you are an experienced React engineer and have read numerous articles about the React lifecycle, you may want to close the page. Please don't...
Read More
Create your own React
December 8, 2023
by Spencer Pham
No Comments
We'll follow the React source architecture, but without all the optimizations and non-essential features, and rewrite React from scratch step by step. The author named...
Read More
React Key function?
December 8, 2023
by Tiffany Blake
No Comments
When comparing two trees, React first compares the root nodes of the two trees. Different types of root node elements have different shapes. When the...
Read More
React Front-end route parsing
December 8, 2023
by Thomas Smith
No Comments
The concept of routing originated in the back end, where a user requests a URL to navigate to an HTML page. Front-end routing does not...
Read More
Close reading of The Philosophy of Front-end Data Flow
December 8, 2023
by Iain Allen
No Comments
This series is divided into three parts: Framework Implementation, Framework Usage and Data Flow Philosophy. These three articles are my periodic summaries of data flow...
Read More
Mobile adaptation scheme based on Vue/React project
December 8, 2023
by 梁家銘
No Comments
The purpose of this paper is to use the adaptation solution described below to develop mobile terminals and H5 using VUE or React. It is...
Read More
The React to 60: render props
December 8, 2023
by Renee Rose
No Comments
This contains information passed to component A, which passes this. Props.
Read More
Why use react.Memo in function components? – Clock in seven days
December 8, 2023
by Elijah Williamson
No Comments
By the way, if you're confused by the title, take a moment to read this article. On the contrary, if the conclusion is reflected in...
Read More
Function component (Hooks) vs Class component
December 8, 2023
by Jeffery Pineda
No Comments
In simple terms, the function component +hooks do the work of the class component. So we have to contrast class with hooks. The class component...
Read More
React uses Context in three ways
December 8, 2023
by Jeffrey Warren
No Comments
Context provides a local global scope. Using Context eliminates the need to manually pass props layer by layer. UseContext imports the useContext hook function, which...
Read More
Implement h5 form development using React hooks + ZARM + JS object configuration
December 8, 2023
by Mr. Maurice Page
No Comments
Recently, a large number of H5 form pages have been developed using React Hooks in conjunction with the ZARM component library based on JS object...
Read More