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