# 学习 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 的几个例子
- ReactDOM.render()
- Use Array in JSX
- 组件
- this.props.children
- PropTypes
- 获取真实的 DOM 节点
- this.state
- 表单
- 组件的生命周期
- 使用 Promise 获取 Github 的数据
- Todo List
- 井字棋（Tic Tac Toe）
# Nextjs --- 配合 React 打造静态化和服务端渲染应用
- Demo1: 学习官方文档
cd nextjs/01-hello-next
npm install
npm run dev