React Native (pull-down refresh, load more) ultra-simple implementation!

Let's go straight to our topic today. Let's first look at the results we are going to achieve today. When we pull down, we display "drop-down refresh status" and "load more" automatically when we slide to the bottom. Train of thought: 1. Drop-down refresh we use rn's RefreshControl directly. 2. When we slide to the bo ...

Posted by gszauer on Wed, 17 Apr 2019 18:51:34 -0700

Writing Android Native View Based on TBS to provide a summary of React Navtive usage

Writing Android Native View Based on TBS to provide a summary of React Navtive usage Integration process of TBS 1. Download SDK and place jar packages in app/libs / directory (Project presentation) 2. Copy liblbs.so in Demo Project to main/jniLibs/armeabi/directory 3. Add NDK support in build.gradle ndk { abiFilters "arm ...

Posted by lmhart on Tue, 16 Apr 2019 21:39:33 -0700

Principle analysis of redux

redux introduction Reux is a predictable state manager for JavaScript applications. Design patterns in redux Decorator Model Definition: Decorator pattern is used to dynamically add responsibilities to objects. Let's look at the github code for the earliest redux (v0.2.0): //Counter.js import React from 'react'; import { performs, observes } fr ...

Posted by mwaw on Mon, 15 Apr 2019 22:57:34 -0700

adapter calls methods in fragment s

adapter calls methods in fragment s Foreword: Yesterday, I met a technical problem. For me, ha. My demo requirement is to put a RecyclerView in fragment, and then RecyclerView displays some simple data, which needs to request the network. Then I customized an adapter and found that when dealing with click events of RecyclerView subitems, b ...

Posted by Gamic on Sun, 14 Apr 2019 15:03:32 -0700

Airbnb React/JSX Coding Specification

Come from Chinese Coding Specification for Airbnb React/JSX Airbnb React/JSX Coding Specification One of the most reasonable React/JSX coding specifications Content directory Basic norms Class vs React.createClass vs stateless name Declaration module Code alignment Single or double quotation marks Blank space attribute Refs reference brackets ...

Posted by stelthius on Sun, 14 Apr 2019 10:06:31 -0700

React native Learning Chapter 1: Props

In React native China, there is a definition of props: Most components can be customized with various parameters when they are created. These parameters for customization are called props (attributes). import React, { Component } from 'react'; import { AppRegistry, Image } from 'react-native'; class Bananas extends Component { render() { ...

Posted by meckr on Sat, 13 Apr 2019 14:15:32 -0700

React Source Analysis 4-React Life Cycle Details

1 React Life Cycle Process The invocation process can be seen in the figure above. It can be divided into three different stages: instantiation, existence and destruction. There are many articles about the life cycle process. I believe most of the students also know something about it. We will not analyze it in detail. Many students have do ...

Posted by sharugan on Mon, 08 Apr 2019 02:54:30 -0700

React+webpack develops a todoMvc from 0 to 1 (2)

How React Binds in Two Ways todoMvc-2step source todoMvc-2step demonstrationThe last chapter mainly talks about react+webpack environment construction, this chapter mainly talks about how to bind two-way. As you know a little about vue and angular, both frameworks support bidirectional binding, while react is one-way binding. There is an articl ...

Posted by pahunrepublic on Sat, 06 Apr 2019 10:48:30 -0700

React Life Cycle Explanation

React abandons the manual DOM operation which consumes a lot of performance. It uses diff algorithm to change the DOM by changing the control component state and props. When the DOM needs to change, it will first occur on the virtual DOM, rendering the actual part of the change on the real DOM, which can greatly improve the performance. ...

Posted by jakebur01 on Fri, 05 Apr 2019 21:09:32 -0700

react+redux framework configuration from scratch to normal operation (part two)

This article is reproduced in front-end _Logic's blog. Original address: http://blog.csdn.net/lx376693576/article/details/54602957 Written in: 2017-1-18 The first half: react+redux framework configuration from scratch to normal operation (part one) Start using react and redux in your project The basic directory structure of the ...

Posted by luckybob on Mon, 01 Apr 2019 22:00:29 -0700