yangtao2o/myreact

记录学习 React 的相关知识

JavaScript

学习 React 的一些记录日志

My Learning

React 理论知识总结

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

React 入门 DEMO

Demo 地址，戳我

React Hooks

React Hooks 使用总结

Router

React-Router

Redux

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

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

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