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