Easy handling of "this" in JavaScript

Author: Dmitri PavlutinTranslator: Crazy Technology House Original text: https://dmitripavlutin.com/fi... Reproduction is strictly prohibited without permission I like the feature in JavaScript that can change the execution context of a function (also known as this). For example, you can use array methods on objects like arrays: const reduce = ...

Posted by doug007 on Mon, 14 Oct 2019 18:04:45 -0700

react integrates native redux

react integrates native redux(3) Preface stay react integrates native redux(1) Based on this, redux-saga can extend reducer, which is different from redux-saga. redux-thunk saga divides redux into two parts, one is synchronous updating data, the other is asynchronous operation, the other is pure preservation, the other is logical preservation, ...

Posted by Brian W on Thu, 10 Oct 2019 12:36:11 -0700

React Source Reading-2_031

React Source Reading-2 In a typical React data stream, props is the only way for parent components to interact with their children. To modify a subitem, reproduce it using new props. However, in some cases, subitems need to be forced to be modified outside of the typical data stream. The child to be modified can be an instance of the react comp ...

Posted by kutyadog on Thu, 10 Oct 2019 04:56:49 -0700

React Source Reading - 4_033

React Source Reading-4 Context Context provides a way to pass data through a component tree without having to pass props attributes manually at each level. When to use Context Context aims to share data that can be considered "global" within a component tree, such as currently authenticated users, topics or preferred languages. con ...

Posted by rob_maguire on Thu, 10 Oct 2019 04:38:13 -0700

[Front-end Blame Upgrade - LV.1] Basic Contents of Reaction

react usage tutorial Use of variables constructor(props) { super(props); this.state = { sliderSwiper: null, movies: [] }; this.handleStart = this.handleStart.bind(this); } if (!baseHref) { if (isPc) { window['location']['href'] = `${location.protocol}//${location.host}/demo/home`; return; } if (!isPc) { window['location']['href'] = `${location ...

Posted by skyriders on Wed, 09 Oct 2019 19:14:51 -0700

Automated deployment of front-end projects based on node.js (gospel of lazy people)

Why did you write this? There is only one truth => laziness!!! If you want to use it directly, github portal You don't have to look at the back - - remember to leave a star, the heart of your pen. At present, iot project is mainly done. Due to historical reasons, there are many pure H5 sub-projects of react/vue on the platform. These project ...

Posted by mcmuney on Wed, 09 Oct 2019 14:03:45 -0700

react-native custom Modal modal box, imitation ios, RN

Preorder Throughout every high-quality project, whether on the web side or in the development of native applications, pop-up windows are an indispensable part, which can directly determine the user experience to a large extent. For example, there is a very mature set of window UI display scenes in ios. Recently, I have been addicted to the re ...

Posted by cjdesign on Mon, 07 Oct 2019 01:32:46 -0700

"Small Program JAVA Actual Warfare" Small Program loading Tip Box and Page Jump (37)

Login registration has been completed, may encounter some problems, if the server is busy, the backstage interface card owner, there is no hint, small program users have been more violent to think about how to do. Load prompt box, hide the prompt box in loading, page Jump https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxsh ...

Posted by JohnN4 on Fri, 04 Oct 2019 04:03:27 -0700

On the use of refs in react

In react, refs can be used to access dom, or react objects can be created in render. The main uses of refs are Do some animation interaction Playback of Media Controls Get focus, text, etc. There are two ways to use refs, one is to make React.createRef() API, the other is to use callback refs.Let's start with the first approach, using React.c ...

Posted by izbryte on Thu, 03 Oct 2019 11:00:01 -0700

[React Component Encapsulation] [Instance] Lazy Loading of Switched View Components

Public Number: Programmer Bobo There is a requirement in the development process, that is, in a view area, different components may need to be displayed according to different states. However, if only the corresponding component is displayed according to the state, the internal state of other com ...

Posted by Vidya_tr on Mon, 30 Sep 2019 19:47:47 -0700