react学习资源汇总

react-tutorial

a tutorial react collection and sort,let you easily get started and organized

主要是搜集整理react生态从入门到深刻的教程、工具和本身作的demo,以便往后查阅 :blush:

设计思想

学习React以前，咱们先了解一下它的设计思想，它与现在其余热门的前端框架有什么不一样？它能为咱们的开发解决哪些痛点？

1. React 设计思想

2. React的设计哲学 - 简单之美
3. 颠覆式前端UI开发框架:React

---

初学者入门

文章

能够结合一些简单demo去看文章，例如你在看阮一峰的React 入门实例教程时，可结合他写的入门demo，或官方给的demo。固然你也要边学习边本身去写一些简单demo，去改改别人写的一些React 项目。必定要多动手。

1. React 入门实例教程-阮一峰：建议先看demo

2. 一看就懂的ReactJs入门教程（精华版）
3. React 教程-菜鸟教程：安装那节好像有点错
4. React 入门，5个经常使用DEMO展现
5. 如何学习React
6. 给新手的 React&Webpack 上手教程
7. ReactJS 傻瓜教程
8. React 最简单的入门应用项目
9. 为你定制的 React 学习路线

---

入门 demo

1. 官方入门 demo：可结合官方的入门文档

2. 入门 demo-阮一峰：结合入门文章
3. 模仿知乎界面的一个简单React demo：结合 ReactJS中文基础视频教程-爱酷

---

入门视频教程

必定要边看边写，不要囫囵吞枣的看一遍就行了。

1. React入门-慕课网

2. ReactJS中文基础视频教程-爱酷
3. ReactJS中文视频教程
4. React教程- 汇智网

---

入门实战视频

了解React开发流程，做者的编码思路，写做规范。

1. React实战--打造画廊应用（上）

2. React实战--打造画廊应用（下）
3. ReactJS中文基础视频教程
4. 构建实时聊天应用

---

开发文档

开发其实不用详细去全看，在你作项目时，遇到不懂的就去查看一下文档，我认为这样效率更高一点。固然你有时间也能够一步步去阅读。

1. 官方文档
2. 中文文档

学习网站

在学习中咱们会遇到 一些问题，能够去社区或一些网站寻找答案，下面推荐一些好的React 社区和学习网站。

1. React中文社区

2. React 中文索引
3. React知识库
4. A quick start to React
5. stack overflow
6. 知乎 React 话题
7. segmentfault React 话题

---

React技术栈

React是一款很是优秀的前端框架，你要发挥它彻底的性能，你就要结合其余一些技术，例如webpack、redux、react-router等。

1. React 技术栈系列教程

2. 百度母婴技术团队—基于Reactjs实现webapp
3. Building a React Universal Blog App
4. React为啥非得使用immutable.js
5. React Server Side Rendering 解决 SPA 应用的 SEO 问题
6. webpack官方文档
7. Webpack 中文指南
8. webpack一小时快速入门
9. 使用webpack轻松构建你的第一个react开发框架
10. 入门Webpack，看这篇就够了:写的很不错，逐级深刻，适合入门，有点长，耐心看完
11. react-router
12. React Router 中文文档
13. React Router 官方 demo
14. Redux官网
15. Redux 中文文档
16. Redux 官方 demo
17. Redux 莞式教程
18. Redux 视频教程
19. redux 大法好
20. Flux 傻瓜教程
21. react+redux渲染性能优化原理
22. React开发社区

---

相关好文:

1. React初体验

2. React 最佳实践——那些 React 没告诉你但很重要的事
3. Redux 状态管理方法与实例
4. 高质量的 React 相关文档和翻译
5. redux观点
6. 还在纠结 Flux 或 Relay，或许 Redux 更适合你

---

相关工具:

1. react-babel-webpack-boilerplate

2. react-webpack-generators
3. React项目可视化生成器
4. react-starter-kit

---

规范

1. react-style-guide

---

React 开源项目

介绍一些国内外比较好的 React 开源项目。

国内：

• 阿里的 React 组件库
• Ant Design
• 简易留言板
• react-zhihu
• React的扫雷游戏
• 在线聊天室
• 使用React技术栈开发SPA
• 阔论留言评论
• React版cnode社区

国外：

• Relax
• SoundRedux
• Gatsby
• isomorphic500
• NuclearMail
• Picard
• React Color
• Sentry
• react-hn
• Perseus

本身练习作的项目

1. gallery-by-react 地址:https://github.com/cllgeek/gallery-by-react

2. react-router-tutorial
3. redux-tutorial
4. cll's blog

---

---

github上地址:react