React video tutorial from getting started to mastering

introduce

How to embed script code in web pages

Comment

Variables - give things a name

Type of data - Number, Literal, True and False

Processing of text strings

Array array

Process control-if..else..

Process control-switch..

Process control-while loop

Process control-for loop

function function

define a function

function expression

variable scope

Object

create an object

array in object

Update and delete attributes in objects

Add methods to objects

Loop through the properties in the output object

DOM operation document interface

Document tree

Get the element in the document getElementById

getElementsByTagName

querySelector 与 querySelectorAll

Access an element's properties

Create and insert new nodes into the document

insertBefore - inserts a node at the specified position

Event - handle what happened

How to handle events

Handle the event that occurs using the object's event handler

addEventListener - bind events to objects

dissemination of events

Change how events are propagated

Stop propagating event

Course Introduction-ECMAScript New Features

block scope-let

constant-const

Destructuring array-Array Destructuring

Destructuring objects-Object Destructuring

Template Strings-Template Strings

Tagged template string-Tagged Templates

Determine whether a string contains other strings

Default Parameter Values

Spread operator-Spread

Rest operatorRest

Destructured Parameters - Destructured Parameters

The name of the function-name attribute

Arrow Function-Arrow Functions

object expression

Object attribute name

Compare two values for equality-Object.is()

Copy the value of an object to another object - Object.assign()

Set the object's prototype - Object.setPrototypeOf()

__proto__

super

Iterators - Iterators

Generators

Classes - classes

get and set

static method-staitc

Inherit-extends

Set

Map

Module

Rename exported and imported things

Export and import default

React course introduction

Install React

Define components

Display - ReactDOM.render

Composite components

Properties-props

get data from dad

Get data from server

state

Update the state of a component

Events - Use events that occur on components

Get the element displayed on the browser - refs

The son gives the data to his father

Update status redisplay component

React Router course introduction

Install React Router

Prepare React components

Define routes

Get the parameters in the address

Index - IndexRoute

Absolute path and redirection in routing

Enter and leave - onEnter, onLeave

Query symbol - query

Component life cycle and routing

Install React Native - OS X

Configure the Android development environment

Initialize project

Run apps on Android

Project development menu

Use ES6 in your project

First introduction to the React Native project

Create and apply styles

Common styles

text style

Layout - Preparation

Layout - Flexbox

View component - View

Text component - Text

Custom text display component

Image component – Image

background image

List View – ListView

Reorganize display of list - content

Rearrange the display of the list - style

loading …

Organize applied styles

Organize the components of your application

Animated loading indicator - ActivityIndicatorIOS

Touch Highlight - TouchableHighlight

Tab Bar - TabBarIOS - Preparation

Items in the tab bar

Toggle display of label items

Custom tab bar

Navigation - NavigatorIOS - Preparation

Using navigation and customizing navigation styles

Detailed page of content - preparation

Content details page - implementation

Content's detailed page - Content

Content details page - loading

Content details page - text style

Display the content in the movie introduction in segments

North American box office page

Search page - preparation

Bugfix: Boolean values in properties

Text box component - TextInput

Text box style

Properties on the text box

Properties on text boxes - iOS

events on textbox

search

Show search results

Show loading indicator while waiting for search results