Handwritten a mini version of the React state management tool
Handwritten a mini version of the React state management toolCurrently in React, there are many and various state management tools, such as:React ReduxMobxHoxEach state management tool has different API s and usage methods, and has a certain learning cost, and these state management tools also have a certain degree of complexity, and they are n ...
Posted by jeff8j on Tue, 20 Sep 2022 21:35:44 +0300
We can understand the source code - list page common hook packaging
This article is the sixteenth in a series of ahooks source code articles that have been compiled into documents- address . I think it's not bad. Give me one star Support me, thank you.List page common elementsFor some background management systems, a typical list page includes three parts: filtering form items, Table tables, and Paginatio ...
Posted by DeathStar on Fri, 02 Sep 2022 01:40:00 +0300
Cannot find name for React error
Text starts here~.tsx extensionIn order to resolve Cannot find name errors in React TypeScript, we need to use the.tsx extension when using JSX files, in your tsconfig. Set JSX to react-jsx in the JSON file and make sure that all necessary @types packages are installed for your application.Below is an example of an error in a file named App.ts. ...
Posted by jackread on Sun, 07 Aug 2022 21:57:26 +0300
Taro (React+TS) encapsulates a basic audio component based on InnerAudioContext (uni app (vue) (updated later)
Why encapsulate an audio component
This is mainly because the official audio of wechat applet is not maintained, and there are some problems on many iOS real machines, such as clicking can not be played, and the total time is not displayed
Requirements and limitations of audio components
Click play or pause
Display playback progress and total ...
Posted by CashBuggers on Wed, 25 May 2022 02:19:32 +0300
React parent-child component pass value && React life cycle
1.react life cycle
react life cycle: the whole process of many things from creation to destruction, this process is called the declaration cycle
React components also have their own life cycle, and understanding the life cycle of components allows us to complete the functions we want in the most appropriate place;
The relationship between the ...
Posted by wei on Tue, 24 May 2022 23:50:41 +0300
Get started with React and create React app
React is a JavaScript library for building user interfaces
This article mainly introduces the use of create react app
Related resources
React
create-react-app
Quick start
Create project NPX create react app my app
Open project CD my app
Start project npm start
directory structure
There is no configuration or complex folder structure, ...
Posted by gobbly2100 on Tue, 24 May 2022 04:59:31 +0300
Super detailed introduction to Netty, read this article is enough!
Mind map
preface
This article mainly describes some features and important components of Netty framework. I hope I can have a more intuitive feeling of Netty framework after reading it. I hope it can help readers get started with Netty quickly and reduce some detours.
1, Netty overview
Official introduction:
Netty is an asynchronous event-driv ...
Posted by UTAlan on Mon, 23 May 2022 08:08:02 +0300
Tepi technical team: one-year front-end handwritten Promise
Write Promise from zero
In this era of rapid front-end development, if you don't work hard today, you will become garbage tomorrow. Although this is seen on the expression package, I'm sure everyone has seen it. To be honest, this is rough, but this is the case.
To get back to business, let's take a look at today's content.
Last time we saw th ...
Posted by zytex on Sun, 22 May 2022 08:01:32 +0300
react/vue markdown editor component
In fact, there are many markdown editor plug-ins. It really doesn't make sense to build wheels repeatedly, but I actually want a markdown editor that can directly upload pictures to qiniu cloud. It feels a little meaningful to me, so such a thing was born
characteristic
You can directly upload pictures to qiniu cloud by simply setting an extern ...
Posted by fiorelina21 on Sat, 21 May 2022 13:47:31 +0300
Analyze the principle of react router V5 from the source code
This article will analyze the source code of the remaining components in the react router
<Redirect>
Like other routing components, < redirect > uses < routercontext Consumer > receive routing data;
Define prop types for < redirect >
Redirect.propTypes = {
push: PropTypes.bool,
from: PropTypes.string,
to: PropTypes ...
Posted by dyip on Tue, 17 May 2022 23:20:24 +0300