react技术栈索引

react全家桶索引

babel
babel编译器原理（解析、转化、代码生成）
babel插件开发

react
react源码结构
react启动流程
react动画
react组件生命周期
react-dom基本实现
react diff算法核心
主流虚拟dom diff算法对比
react渲染性能优化
react服务端渲染
react 16 新特性
主流类react框架对比
类react框架核心技术难点

redux
redux来源，flux核心思想
redux中间件实现机制
redux源码分析
react-redux源码分析
主流数据状态容器对比(redux、mobx等)

redux-saga
高阶使用(channel、cancel、take等等)
redux-saga源码实现
主流异步中间件对比(redux-thunk, redux-saga，redux-observable)
rxjs调研

react-router
react-router4 基本使用
react-router4源码实现

dva
dva源码分析

antd
antd组件库基本理念
antd常用基础组件实现（方便基于此二次开发）
antd 与 rc-component 结构
antd form实现

webpack
webpack基本使用
webpack 插件开发
weback tree-sharking分析
webpack性能优化
webpack源码分析

react-native
react-natvie 基本指引
react-natvie核心原理
实践

基于实际项目讲解，深度剖析各个模块之间的协作以及实际运作过程

需要掌握的
异步发展过程：callback、promise、generator、co、async/await等异步流程控制(async和await的实现原理)

React全家桶
1.react
1.为什么采用组件化的方式
2.react环境搭建
3.JSX语法的使用(createElement,render的原理实现)
4.JSX表达式的用法
5.JSX的属性(className,htmlFor,style,dangerouslyInnerHTML)
6.组件使用(类声明,函数声明)
7.组件的属性和状态(属性的检验以及setState详解)
8.复合组件
9.组件的声明周期
10.受控组件 非受控组件
11.children属性的使用
12.项目实战留言板
2.redux
1.手写redux库(getState,createStore,dispatch,subscribe,applyMiddlewar e,combineReducer,compose,bindActionCreators)
3.react­redux
1.高阶组件的原理和使用
2.react高级属性context上下文
3.react-redux实现todoList
4.手写react-redux(Provider和connect原理解析)
4.中间件
1.手写applyMiddle和compose(中间件原理)
2.手写redux-logger,redux-thunk,redux-promise
3.手写自定义本地缓存中间件
5.react­router­dom
1.HashRouter,BrowserRouter的区别
2.Link,NavLink的使用(extact绝对匹配,state带参数跳转)
3.Route组件三种渲染方式(component,render,children)
4.路由参数以及子路由的使用(params)
5.withRouter,PrivateRouter的用法
6.Prompt组件阻止跳转
7.重定向(Redirect组件)
8.手写HashRouter Route等常用组件
6.React­Transition­group
1.react动画的实现原理
2.使用React-Transition-group库开发todo动画应用
7.项目实战React
1.webpack环境搭建
2.底部页签导航
3.动画
4.redux改变课程分类
5.实现头部轮播图
6.课程列表列表
7.下拉刷新
8.上拉加载
9.记录滚动条位置
10.课程详情页面
11.用户注册
12.用户登录
13.受保护的我的课程页面
14.Redux开发插件
8.源码级Vue+React深度解析与实现
1.手写Vue双向绑定实现
2.Vue虚拟DOM和React虚拟DOM的区别
3.如何实现一个 Virtual DOM 算法
4.通过源码彻底搞明白setState的更新机制
5.手写包含虚拟DOM、事件监听、基本组件生命周期等功能的React库