React入门学习资源

最近在学习用react,下面是学习过程中发现到的不错的资源。

• react的技术栈系列教程，来自阮一峰大神。可以按照这个里面的说明去按步学习。
  http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html

• 官方网站
  https://reactjs.org/
  官网分为了四个板块：
  1.docs: https://reactjs.org/docs/hello-world.html 可以找到react各个部分的详细说明,会发现很多的问题在这里都能找到答案.
  2.tutorial:https://reactjs.org/tutorial/tutorial.html 从头开始介绍一个项目的开发过程.
  3.community https://reactjs.org/community/support.html 社区资源，都说react的社区资源非常丰富，在这里就可以去找相关的拓展。在入门学习阶段，注意有个示例应用列表，这个是官网推荐的，在里面可以找自己感兴趣的学习一下：https://reactjs.org/community/examples.html
  4.blog: https://reactjs.org/blog/2018/05/23/react-v-16-4.html

• 阮一峰写的入门文章，非常推荐。但是注意他用的是本地的react.js，与官网的还不太一样。
  http://www.ruanyifeng.com/blog/2015/03/react.html

• 在线的react入门教程，可以在线练习
  https://www.w3cschool.cn/react/react-tutorial.html

• 在线教程　react小书：
  http://huziketang.mangojuice.top/books/react/

• webpack，这里推荐阮一峰的webpack教程，在github上，可以下载git clone下来，按照步骤去练习。
  https://github.com/ruanyf/webpack-demos

• es6语法的介绍
  http://es6.ruanyifeng.com/

• view单向流动架构 flux
  http://www.ruanyifeng.com/blog/2016/01/flux.html

• react的路由库　router
  1.阮一峰的教程
  http://www.ruanyifeng.com/blog/2016/05/react_router.html
  2.在线的中文文档
  https://react-guide.github.io/react-router-cn/docs/guides/basics/RouteConfiguration.html
  3.官方的router demo，分步逐步迭代的方式，非常好的教程
  https://github.com/reactjs/react-router-tutorial/tree/master/lessons

• 状态管理 Redux
  首先明确一点，Redux 是一个有用的架构，但不是非用不可。事实上，大多数情况，你可以不用它，只用 React 就够了。曾经有人说过这样一句话："如果你不知道是否需要 Redux，那就是不需要它。"
  关于Redux,个人认为入门的时候可以先不用去学习掌握它，因为它带来的复杂性是非常可观的。Redux可以认为是一种框架，框架都有封装性、便利性，但是也必然会引入新的概念、新的流程，对于框架，我的观点是：先要掌握原来的基本的用法，基本的用法熟悉之后，慢慢发现开发中可以有一些更好优化的流程，这个时候再去使用框架，这样也能更好的掌握框架。
  1.阮一峰的教程，总共分为上、中、下三篇
  http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html
  http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html
  http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html
  2.Redux的demo
  https://github.com/reactjs/redux/blob/master/docs/introduction/Examples.md
  3.Redux设计理念的思考：
  https://div.io/topic/1309
  http://react-china.org/t/redux/2687

• React的ui库　ant
  http://ant.design/docs/react/introduce

• git hub入门的项目
  https://reactjs.org/community/examples.html
  https://github.com/bailicangdu/react-pxq

未完待续……