学习 React 的一些记录日志

My Learning

React 理论知识总结

我的文档 React 理论知识点，包含 React 的基础知识，以及 Router、Redux 等

React 入门 DEMO

Demo 地址，戳我

1. ReactDOM.render()
2. Use Array in JSX
3. 组件
4. this.props.children
5. PropTypes
6. 获取真实的 DOM 节点
7. this.state
8. 表单
9. 组件的生命周期
10. 使用 Promise 获取 Github 的数据
11. Todo List
12. 井字棋（Tic Tac Toe） - 官方文档练习 DEMO

React Hooks

• React Hooks 使用总结

Router

• React-Router

Redux

• Redux 使用总结
• 动手实现 React-redux 练习
• 计数器 Redux-Counter
• 计数器 React-Redux-Counter

Nextjs - 配合 React 打造静态化和服务端渲染应用

Nextjs

• Demo1: 学习官方文档

cd nextjs/01-hello-next
npm install
npm run dev

Antd - 基于 Ant Design 设计体系的 React UI 组件库

Ant Design of React -主要用于研发企业级中后台产品

Ant Design 实战教程

cd antd-course
npm i
npm run dev

My Project

• 学习「井字游戏」
• 学习体验 Ant Design of React

Document

• React 官方文档
• Ant Design 实战教程
• Ant Design of React --- antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
• Ant Design Pro --- 是一个企业级中后台前端/设计解决方案
• Ant Design Mobile of React --- 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务
• webpack 官方文档
• React 与 webpack
• Next.js --- 是一个流行的、轻量级的框架，用于配合 React 打造静态化和服务端渲染应用。它包括开箱即用的样式和路由方案，并且假定你使用 Node.js 作为服务器环境。
• Gatsby --- 是用 React 创建静态网站的最佳方式。它让你能使用 React 组件，但输出预渲染的 HTML 和 CSS 以保证最快的加载速度。
• UmiJS --- 可插拔的企业级 react 应用框架。

Video Course

初级

• 基于实例的 react16 傻瓜课程 --- 用一系列有趣的、简洁明快的实例由浅入深的阐述了 React 的特色，概念和基本使用
• react16.4 快速上手 --- 通过 Todolist 功能的实现，给大家讲解了 React 组件间的通信方式

中级

• react 16 实现订单列表及评价功能 --- 介绍了从项目创建、到组件划分、再到组件及页面逻辑实现的开发流程
• react 组件 --- 比较详细地讲解组件和生命周期

高级

• react 响应用户输入 --- 学习如何让数据逻辑与 UI 的结合使用、react 的事件处理机制以及 react 对 DOM 模型的操作
• react 知识点综合运用实例 --- 综合实例操作
• react 高级教程之高阶组件 --- 高阶组件的应用：代理和继承

Learning Materials

• 《react 入门教程》
• 《react 入门实例教程》 --- 阮一峰
• 《typescript 热门教程》
• 《6 周学习计划，攻克 javascript 难关(react/redux/es6 etc.)》