学习 React 的一些记录日志

Video Course

初级

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

中级

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

高级

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

Document

• React 官方文档
• Ant Design of React — antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
• Ant Design Pro — 是一个企业级中后台前端/设计解决方案
• Ant Design Mobile of React — 是 Ant Design 的移动规范的 React 实现，服务于蚂蚁及口碑无线业务
• webpack 官方文档
• React 与 webpack

Learning Materials

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

My Learning

入门学习 React 的几个例子

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）

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

Nextjs

• Demo1: 学习官方文档

1
2
3

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

My Project

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