react簡單學習路線(實用版)


學習一門新的技術之前有必要了解一下該技術在專業領域的評價,使用的領域,以及整體的學習路線,總之盡可能多的在入坑之前了解相關方面的信息。不要什么都不去查就直接學了,這個是很愚蠢的!!!!!

首先來看一篇文章,它簡單講解了學習react的流程,確實很有幫助,看完之后再開始你的學習,這樣會避免走很多的彎路。

http://www.jianshu.com/p/ed55b366cd96

 

接下來可以去http://www.runoob.com/react/react-tutorial.html 這個地方學習基本的語法,不過這個使用的是es5的語法,其實不太推薦,但是和es6的用法比其實差的不算多,初期用這個學習應該沒什么問題。

 

看完了上面的基礎之后可以通過這個小項目來加深react的學習 http://huziketang.com/books/react/lesson1 

 

當然學習過程當中你們會遇到es6的語法  ,真實的項目當中用到的一般是es6語法,react當中常用到的也就是箭頭函數,class,import,常量變量聲明等,你可以結合這個地方http://es6.ruanyifeng.com/#docs/let 熟悉react經常用到的幾塊,其它的慢慢再學。

 

上面那個項目做到后面會發現越來邏輯越來越復雜,但是其實跟着步驟走,一個邏輯一個邏輯的去理解,還是能慢慢理順的。

然后到react-redux部分發現有些蒙了,不要覺得自己好像跳坑了,如果你單獨去學redux 那才真是一臉懵比。

如果看到后面不太理解的話,可以結合http://www.redux.org.cn/ 學習,主要讓你明白,上面小項目當中哪些對應真實的redux當中的是什么。

 

再后來你會想着去找更多的react實例項目區學習,比如http://blog.csdn.net/a153375250/article/details/52667739 ,但是這個並沒有使用redux,不過沒關系,現在的目的並不是要你一股腦把所有react相關的都一起學,你可以只是用它來練習react基礎。記得把上面要求的功能完善。

后來你碰到了webpack,真實項目當中webpack必用。你可以到這里來簡單學習http://www.runoob.com/w3cnote/webpack-tutorial.html ,這個真的只是告訴你webpack是什么,真的只是入門,,而已。。。你可以到這里學習更多http://www.cnblogs.com/QxQstar/p/5961387.html 

未完。。。。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM