01-核心概念与组件

章节目标：围绕“01-核心概念与组件”建立知识主干，能说清关键机制，并能用最小代码或真实案例验证结论。

学习要求

• 阅读时把“概念、适用场景、常见错误、验证方法”分别记下来。
• 带代码的内容至少运行一次，再主动修改一个条件观察结果。
• 学完后选择三个主题，不看原文向别人讲清楚。

完整目录（109 篇）

• Context
• Fragments
• Portals
• Profiler API
• React.createPortal
• Error Boundaries
• react16新特性
• react中Suspense的使用
• react16新特性
• Component & PureComponent
• Fragments
• JavaScript 表达式作为子元素
• 函数作为子元素
• 布尔类型、Null 以及 Undefined 将会忽略
• 数组当子元素
• JSX介绍
• createElement
• JSX 中的 Props
• JSX 中的子元素
• JSX深入
• ReactBaseClasses
• ReactSymbols
• react 中正常显示HTML(dangerouslySetInnerHTML)
• 将 JSX 添加到项目
• 深入 JSX
• Portals
• Profiler API
• React 哲学
• React之key详解
• Redux 中间件
• Redux源码解读
• React Ref
• React.createRef()
• React中获取DOM节点的两种方法
• React之ref详细用法
• Refs and the DOM
• react中如何定位dom
• refs
• 如何使用React Ref
• Render Props
• State & 生命周期
• setState是同步还是异步(5m)
• 数据是向下流动的
• 正确地使用 State(5m)
• 生命周期
• Web Components
• XSS分类
• react阻止冒泡事件，绝对干货
• React中的不可变数据Immutability
• 三、元素渲染
• 与第三方库协同
• 严格模式
• React的事件系统是怎么运作起来的？
• 事件处理
• 动画浅析React事件系统和源码
• 合成事件
• 阅读前的测试
• 二、virtual DOM
• react16 版本常见 api
• 介绍
• 使用 PropTypes 进行类型检查
• 元素
• key
• 列表 & Key
• dash命令原理
• 创建react项目
• 所用到的依赖
• 原来React里的key这么有用！
• 受控组件-非受控组件
• 表单
• 非受控组件
• 内联渲染
• 条件渲染
• 阻止组件渲染
• 状态提升
• getSnapshotBeforeUpdate()
• 生命周期
• 类型
• Props 的只读性(1m)
• 函数组件与 class 组件(1m)
• 如何 区分函数组件和类组件
• 提取组件
• 渲染组件(1m)
• 组件 & Props(1m)
• 组合组件(1m)
• 组合 vs 继承
• 静态类型检查
• 组件状态
• 重setState()方法
• composable vs Store
• 2-Installation & Motivation
• 2-Reducers
• 3-Core Concepts概念
• 3-Store
• 4-Data Flow
• 4-Three Principles三大原则
• 5-Prior Art先前技术
• Flux Standard Action
• Getting Started with Redux
• context
• createStore.js
• react 中使用redux
• react-redux 1
• react-redux
• 初级实例：todo
• 合并reducer
• 抽离redux用法
• 高阶组件
• 状态提升