Programmer Group

Whether the setState method in react is asynchronous or synchronous depends on the conditions. 1. Let's review several ways to change state in react component: import React, { Component } from 'react' class Index extends Component { state={ count:1 } test1 = () => { // Through the form of callback function ...

In the previous section, we implemented a simple performance optimization, but because we need a deep copy and property comparison, the performance is still poor, so we use immutable.js written by Facebook God for further optimization Immutable collection of immutable.js JavaScript Each modification will return a new object ...

Recently, we have been exploring and developing multiple terminals, which has been used before uniapp+vue develops the project of multi terminal imitative buffeting / Momo live studio Today, I want to share the TaroChat project based on the taro+react multi terminal wechat like interface chat room, which also supports compiling to H5, applet an ...

Preface Recently, I had some trouble transferring my scaffolding project to TypeScript. Before the project, the system of react + react Redux + Redux thunk + Redux actions + Redux promise was adopted. When a project is converted to TypeScript, react and react Redux are perfect conversions. Redux actions transformation is also initially complete ...

Article reference Summary of ES6 in React.js Case description import React from "react" import { NavBar, Button, Icon } from "antd-mobile" class Photegraph extends BaseComponent { // video and mediaStreamTrack are properties of the photographic class video; mediaStreamTrack; // Constructor constructor (props) { ...

function App1() { return <Greeting firstName="Ben" lastName="Hector" />; } function App2() { const props = {firstName: 'Ben', lastName: 'Hector'}; return <Greeting {...props} />; } <MyComponent message="&lt;3" /> <MyComponent message={'<3'} /> <MyComponent message="hello world" /> ...

GridManager When processing data, it is necessary to use the specified data format. In the actual scene, there are some format differences more or less. How to deal with these differences will be explained here 1. Only return field name is inconsistent Data and totals in the primary data can be adjusted by using dataKey and totalsKey. The back- ...

Introduction Recently, I am writing a middle stage project, which uses the UML framework of react. All kinds of additions, deletions, modifications and searches. It's basically a list page, a new page, a detail page In order to avoid unnecessary simple repetition (mainly to be lazy), I want to implement my own code generator explore First of al ...

Design principles (SOLID) Single responsibility model Principle of lie substitution Open and closed principle Interface isolation principle Principle of Dependence Inversion Design pattern Factory mode Encapsulate the new operation separately When encountering new, consider whether to use factory mode Example You go to buy hamburgers, order a ...

I wrote before An article , sharing the methods of interface management in their own projects. The conclusion is: define interface file -- with Axios export -- call interface method. In this way, the unified management of the interface and the semantics and simplifications of the calling interface are realized.   According to the use in the p ...