React 合集 目录

所有代码为原创，转载请注明谢谢

准备出一个React全集的内容体系。

目地有二，

• 一是梳理和整理React的知识体系。
• 二是可以让一部分一直想学React的能使用React进行项目开发。

小主不会针对每个知识点，挨个说说原理。 但会对每个知识点，都有哪些使用场景，在什么场景下如何使用。 以及如何自己搭建一个全新的react全家桶。

知识体系分两个阶段

• 一、react核心基础知识

  1. setState 三种使用方式
  2. props六种使用场景
  3. 如何本地联调开发
  4. 等等，稍后更新体系
  5. tab切换思路实现
  6. 显示隐藏思路实现
  7. input 表单多种数据情况处理

  等等

• 二、react hook context 类组件（mobx redux）在hook中怎么使用mobx 以及redux

除了这些 还有npm 包管理 docker 打包 nginx 部署 egg 等 持续更新

React 合集 目录

筑基

1. React课前准备

• 课前工具
• 前端知识体系

2. React环境搭建

• 创建项目 基本搭建一

3. 企业级项目使用规范

• 企业级项目使用规范

4. 函数组件与类组件

• 筑基-函数组件与类组件

5. Props任意参及六种使用场景

• 筑基-Props任意参及六种使用场景前五种
• 筑基-react-Props任意参及六种使用场景

6. jsx语法

• 筑基-jsx语法

7. state与setState的三种使用方式

• 筑基 -React state与setState的三种使用方式

8. React 常用的生命周期

• 筑基-React 常用的生命周期

9. 在React中调用在线接口

• 筑基-创建项目 基本搭建二
• 筑基-接口调试

10. 事件处理以及this实例邦定，阻止默认事件与冒泡事件

• 筑基-react事件处理以及this实例邦定

11. React实现Tab切换及思路

• 整理中

12. 显示隐藏实现与思路
13. React中分页组件实现与实际项目搭建
14. 企业中Input复杂数据设计

• input 表单一 整理中
• input 表单处理二整理中
• input 表单处理三整理中
• 在react 中select 默认为灰色 选中为其他颜色如何实现整理中
• 筑基-React 实现一个全选返选功能

15. React路由配置搭建

• 筑基-React创建项目 完整搭建 带路由配置

16. React搭建全家桶，直接npm install 完成项目搭建

• 筑基-React一步到位 创建搭建

17. 17、React路由原理及使用
    

18. 18、动态路由如何架构及实际项目案例
    

19. 19、Router与组件高度耦合
    

20. 20、路由打包与服务端Nignx配置
    

虚丹

1、hook
    useState
    useEffect
    useContext
    ...
2、context4种使用场景
3、mobx在函数组件中与类组件中使用
    mobx 环境搭建及工作流程
4、redux在函数组件中与类组件中使用
    redux 环境搭建及工作流程

金丹

外道