Introducing Dva into React Project

background The React project that we are working on now is a long-standing project. Redux The experience of writing code is not very good, so I want to upgrade the introduction of dva. DVA used to be used dva-cli Generate dva projects directly, or use ant design pro When using umi to generate react + antd + dva project directly, it saves a lot ...

Added by brash on Tue, 15 Oct 2019 10:45:45 +0300

RN Simulated Wechat app Chat | Reaction Native Group Chat | Red Packet | Friendship Circle Example

Based on react-native+react-navigation+react+redux+react-native-image-picker+react-native-swiper and other technical framework development High imitation WeChat app example RN_chatroom . The functions of message sending, TextInput text box mixing emoticons, expression maps, picture selection preview, red envelope, circle of friends and so on a ...

Added by Qaid on Tue, 08 Oct 2019 18:15:34 +0300

Build a scaffold of webpack4+react+typescript+eslint from scratch

This is an extension of the previous article. Beautify web pack output information The output information of webpack during development has a lot of information, which may interfere with our view of information. Here is a suggestion to beautify and streamline the output information. Streamline the following development server output information ...

Added by drawmack on Wed, 02 Oct 2019 14:28:46 +0300

[React Component Encapsulation] [Instance] File Selection Button Component Encapsulation

Public Number: Programmer Bobo File selector is often used by us, usually by clicking a button and then selecting the file. So it is necessary to encapsulate a file selection button. First, the button must be exactly the same as the ordinary button, otherwise it will lose the meaning of encapsul ...

Added by ernielou on Wed, 02 Oct 2019 04:04:56 +0300

React Native Hybrid Development Multi-entry Loading Mode

There may be multiple rn interface entry requirements in existing app hybrid development, at which time we can use moduleName or initial Properties in RCTRootView to implement different pages in the load package. RCTRootView is currently used in two ways: Input props attributes using initial Properties, read attributes in React, and render dif ...

Added by hughesa on Mon, 30 Sep 2019 17:17:30 +0300

Twenty-five JavaScript Array Method Code Examples

ABSTRACT: Grasp the array method by code. Original text: Understanding and efficient use of array methods by implementing 25 array methods (long text, recommended collection) Translator: Front-end wisdom Fundebug Copyright shall be owned by the original author upon authorization to reproduce. To use methods on a given array, you just need to ...

Added by geebo on Fri, 20 Sep 2019 08:51:48 +0300

Detailed usage of react-router

I. Relevant dependency packages Router routing is a member of the react family bucket [react+redux + router], which is used to distribute components and organize resources in the project. Let's look at the packages associated with routing. It mainl ...

Added by wpsa on Thu, 12 Sep 2019 12:35:28 +0300

Reaction hooks+redux+immutable.js Create Netease Cloud Music Beautiful webApp

Introduction of Technology Stack Front end part: react v16.8 family bucket (react,react-router): MVVM framework for building user interface redux: Famous JavaScript State Management Container redux-thunk: redux middleware for handling asynchronous logic immutable: Facebook's three-year-old library for persistent data structure processing (it ...

Added by ctcp on Fri, 06 Sep 2019 18:24:36 +0300

How "React Hooks" uses 120 lines of code to implement an interactive drag-and-drop upload component

Preface In this article, you will learn: How to rewrite existing components to React Hooks function components How does useState, useEffect, useRef replace the original life cycle and Ref? Four events covered by a complete drag-and-drop upload be ...

Added by drak on Tue, 03 Sep 2019 13:20:30 +0300

Testing JavaScript with Jest (2019)

Author: Valentino GagliardiTranslator: Crazy Technology House Original: https://www.valentinog.com/bl... Reproduction is strictly prohibited without permission What does testing mean? Testing in technical terms means checking whether our code meets certain expectations. For example, given some input, a function called "transformer" s ...

Added by slionheart on Mon, 02 Sep 2019 06:18:29 +0300