# React

# 组件通信

# JSX本质

# context

# shouldComponentUpdate

# redux单向数据流

# setState

# 基本用法

# 渲染HTML文本

# 绑定事件

event是合成事件，模拟出DOM事件的所有能力
event.nativaEvent是原生事件对象
所有的事件都被挂载在document上

# setState

# 不可变值

不能直接修改state值
setState改变属性值的时候不能改变原来属性的值

# 可能同步也可能异步更新

正常是异步更新的
只有在setTimeout、绑定的DOM事件这类才会是同步的

# 可能合并

传入对象会合并
传入函数不会合并

# 高级技巧

# 受控组件与非受控组件

# Portals

让组件渲染到父组件外

# context

Context提供了一种在组件之间共享数据的方式，而不必显式地通过组件树的逐层传递 props

应用场景

地区偏好，UI主题

核心Api

React.createContext
Context.Provider
Class.contextType
Context.Consumer

# 异步组件

React.lazy
React.Suspense

# 性能优化

# shouldComponentUpdate

# PureComponent和React.memo

# 不可变值immutable