最近在學(xué)習(xí)用react,下面是學(xué)習(xí)過程中發(fā)現(xiàn)到的不錯的資源。
react的技術(shù)棧系列教程,來自阮一峰大神??梢园凑者@個(gè)里面的說明去按步學(xué)習(xí)。
http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html官方網(wǎng)站
https://reactjs.org/
官網(wǎng)分為了四個(gè)板塊:
1.docs: https://reactjs.org/docs/hello-world.html 可以找到react各個(gè)部分的詳細(xì)說明,會發(fā)現(xiàn)很多的問題在這里都能找到答案.
2.tutorial:https://reactjs.org/tutorial/tutorial.html 從頭開始介紹一個(gè)項(xiàng)目的開發(fā)過程.
3.community https://reactjs.org/community/support.html 社區(qū)資源,都說react的社區(qū)資源非常豐富,在這里就可以去找相關(guān)的拓展。在入門學(xué)習(xí)階段,注意有個(gè)示例應(yīng)用列表,這個(gè)是官網(wǎng)推薦的,在里面可以找自己感興趣的學(xué)習(xí)一下:https://reactjs.org/community/examples.html
4.blog: https://reactjs.org/blog/2018/05/23/react-v-16-4.html阮一峰寫的入門文章,非常推薦。但是注意他用的是本地的react.js,與官網(wǎng)的還不太一樣。
http://www.ruanyifeng.com/blog/2015/03/react.html在線的react入門教程,可以在線練習(xí)
https://www.w3cschool.cn/react/react-tutorial.html在線教程 react小書:
http://huziketang.mangojuice.top/books/react/webpack,這里推薦阮一峰的webpack教程,在github上,可以下載git clone下來,按照步驟去練習(xí)。
https://github.com/ruanyf/webpack-demoses6語法的介紹
http://es6.ruanyifeng.com/view單向流動架構(gòu) 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狀態(tài)管理 Redux
首先明確一點(diǎn),Redux 是一個(gè)有用的架構(gòu),但不是非用不可。事實(shí)上,大多數(shù)情況,你可以不用它,只用 React 就夠了。曾經(jīng)有人說過這樣一句話:"如果你不知道是否需要 Redux,那就是不需要它。"
關(guān)于Redux,個(gè)人認(rèn)為入門的時(shí)候可以先不用去學(xué)習(xí)掌握它,因?yàn)樗鼛淼膹?fù)雜性是非??捎^的。Redux可以認(rèn)為是一種框架,框架都有封裝性、便利性,但是也必然會引入新的概念、新的流程,對于框架,我的觀點(diǎn)是:先要掌握原來的基本的用法,基本的用法熟悉之后,慢慢發(fā)現(xiàn)開發(fā)中可以有一些更好優(yōu)化的流程,這個(gè)時(shí)候再去使用框架,這樣也能更好的掌握框架。
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設(shè)計(jì)理念的思考:
https://div.io/topic/1309
http://react-china.org/t/redux/2687React的ui庫 ant
http://ant.design/docs/react/introducegit hub入門的項(xiàng)目
https://reactjs.org/community/examples.html
https://github.com/bailicangdu/react-pxq
未完待續(xù)……