React资源

React 官方

设计思想
• React 设计思想
• React的设计哲学 - 简单之美
• 颠覆式前端UI开发框架:React

  文章

• React 入门实例教程-阮一峰：建议先看demo
• 一看就懂的ReactJs入门教程（精华版）
• React 教程-菜鸟教程：安装那节好像有点错
• React 入门，5个常用DEMO展示
• 如何学习React
• 给新手的 React&Webpack 上手教程
• ReactJS 傻瓜教程
• React 最简单的入门应用项目

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

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

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

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

  学习网站
  1. React中文社区
  2. React 中文索引
  3. React知识库
  4. A quick start to React
  5. stack overflow
  6. 知乎 React 话题
  7. segmentfault React 话题

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

  开发工具

  redux 常用中间件或工具
  React 开源项目

  国内：

  国外：<ul font-size:16px;white-space:normal;margin-bottom:0px="" !important;"="" style="padding: 0px 0px 0px 2em; margin: 0px; list-style-type: none; font-family: Arial, 宋体, Helvetica, sans-serif, Verdana; font-size: 14px; line-height: 28px; text-align: justify; text-indent: 28px; box-sizing: border-box; color: rgb(51, 51, 51);">
  • Relax
  • SoundRedux
  • Gatsby
  • isomorphic500
  • NuclearMail
  • Picard
  • React Color
  • Sentry
  • react-hn
  • Perseus