Read Hooks Numbers - swr Source

1 Introduction Pickups are an important part of the front-end business and have evolved several times: fetch Compatibility with $.post is good enough to replace all kinds of decimal encapsulations. I've been using it for a long time, and it's good to find a more scalable, ssr-enabled isomorphic number scheme, such as isomorphic-fetch,axios. ...

Posted by Danaldinho on Mon, 11 Nov 2019 05:01:20 +0100

react.js avoid re rendering the entire page when typing (setState) in input/textareah

Background:Using setState to save value in the onChange method of < textarea > will result in input stuttering. The reason is that the user is always in setState when inputting, resulting in the whole page being re rendered all the time Main page: import React, { Component, } from 'react'; import { Input } from 'antd'; const { TextAre ...

Posted by smurl on Fri, 08 Nov 2019 20:56:47 +0100

Redux source code series - Redux thunk source code analysis

#Understand what middleware is https://github.com/zp1112/blog/issues/11 thunk Middleware Let's see how middleware works. index.js import {Provider} from 'react-redux' import storeData from './reducerfile/index.js' import {createStore, applyMiddleware} from 'redux' import thunk from 'redux-thunk' co ...

Posted by Hillu on Wed, 30 Oct 2019 20:01:23 +0100

Multiplayer blog development project - front end

I. development environment settings 1 installation package environment The package is as followsLinks: https://pan.baidu.com/s/1C-ZY9rWU-8ZugE4EwVveWwExtraction code: 744p Related react introduction links are as follows https://blog.51cto.com/11233559/2443713 Unzip and modify the directory to blog without special instructions. js files are ...

Posted by Chrisj on Tue, 29 Oct 2019 05:10:21 +0100

When writing React / Vue projects, does the key in the data list use array subscript or unique value id or not?

React is consistent with the principle of Vue, which is introduced in the column of Vue. The difference between key not writing and key using array subscript key not writing is the same as using array subscript. All are side faces that use "update in place" by default. When Vue is updating ...

Posted by iman121 on Mon, 28 Oct 2019 17:37:54 +0100

Component development based on Custom Elements

customElements It is a new API under the Web Components specification, which can be used to implement component-based development. If your app is only compatible with the latest Chrome browser, it's a good alternative to React or Vue. Basic Usage The component is declared in an HTML file. Components include Style, DOM and Script. The basic stru ...

Posted by T_Hayden on Tue, 22 Oct 2019 23:01:45 +0200

The first day of vue learning

What is vue.js vue.js is one of the main front-end frameworks and angular.js, React.js Can be used for mobile App development Is a framework for building user interface The difference between framework and Library The framework is a complete solution. Changing the framework needs to restructure the w ...

Posted by xgab on Sat, 19 Oct 2019 19:57:58 +0200

Deep route of React

In this paper, two modes of route parameters acquisition and route are discussed. Continuation: Basic use of route in React This code is still based on the previous code. Parameter acquisition of React route Import the Link component from the react router DOM package. Note the use of deconstruction here Then use the Link component to add a pro ...

Posted by Jip on Sat, 19 Oct 2019 18:10:23 +0200

React16 source code parsing - ExpirationTime

Welcome to read the React source code analysis series:React16 source code analysis (I) - illustration of Fiber architectureReact16 source code analysis (2) - create updateReact16 source code analysis (III) - ExpirationTimeReact16 source code analysis (IV) - SchedulerReact16 source code analysis (V) - update process rendering stage 1React16 sour ...

Posted by imurkid on Sat, 19 Oct 2019 00:39:59 +0200

React16 source code analysis - update process rendering stage 3

Welcome to read the React source code analysis series:React16 source code analysis (I) - illustration of Fiber architectureReact16 source code analysis (2) - create updateReact16 source code analysis (III) - ExpirationTimeReact16 source code analysis (IV) - SchedulerReact16 source code analysis (V) - update process rendering stage 1React16 sour ...

Posted by sholtzrevtek on Fri, 18 Oct 2019 18:41:10 +0200