最近在学习用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-demoses6语法的介绍
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/2687React的ui库 ant
http://ant.design/docs/react/introducegit hub入门的项目
https://reactjs.org/community/examples.html
https://github.com/bailicangdu/react-pxq
未完待续……