初級前端er如何學習react.js？

01-04

本人是應屆生，七月份開始接觸前端，到現在僅能完成一個政府級全網站頁面的重構，css+html熟練，原生js不熟練，上個星期開始學習react，根據網上的教程寫了一些demo，但是感覺並沒有掌握react的精髓：虛擬dom和組件復用，請問我接下來應該看什麼教程或者寫一些什麼項目？

我錄了視頻教程，希望對你有用

http://zexeo.com/course/56753a22b2b8de861c0d281a

https://pan.baidu.com/s/1qXTzTEW

要把一門技術或者語言學好，最重要的是去用它，多寫些小項目是非常有幫助的，寫一個完整的項目，比如自己的博客會更有幫助

學習不論是一門語言還是庫，框架，最好的教程就是文檔，學會看文檔是該做的每一件事

你一開始就想了解內部一些運作機制不見得會幫你做事

在慢慢實踐，踩坑的過程中，你自然會去問為什麼，對你剛學，成長更快

像 React 一些實踐，技巧和一些理念，不妨可以關注我在團隊正在寫的知乎專欄，

pure render - 知乎專欄

現在在講源碼剖析的一些事，正會講到你想知道的VDOM，

再之後會有實踐的內容，組件開發，Flux 的應用，Redux 的應用，

還有一些雜記，像一些庫怎麼結合。

首先，@eisneim 君寫得很不錯~

不過React和Angular這種框架不同，它的學習曲線非常平緩，甚至可以說『十分簡單』。所以我覺得大可不必花很多時間去了解『怎麼用React』，而是去理解一些更加common sense的東西。

比如通常會如何構建一個單頁面應用，如何去構建大型的JS工程。

然後可以去熟讀一下官方文檔（不多），關於怎麼用React，你已經會寫demo了嘛。

最後可以去看看React的生態環境（webpack構建，Babel編譯，Redex框架，immutable等函數式helper之類），看看別人寫的demo比如todolist之類。

當然JS基礎也應該跟進一下。

其他的東西，都可以在項目上慢慢學，畢竟也不會讓你一個新人去主導項目吧。

說些題外話，自己最近也在學一些swift相關的東東，不過碰到OC相關的東東總會有點點抵觸。然後去請教了下專業的iOS開發，他們怎麼看待這些東西。然後得到的答案是『不管是OC還是Swift，其實都得按cocoa框架的方式來做事。』

嘛，簡單來說，React只是一個提升開發體驗的東東，而且也只是一個視圖層的解決方案，其實不必要花那麼多時間去玩-3-專註在實現業務上就好。

另外想了想也的確是有些不錯的文章。

jaysoo.ca 的頁面

Thinking in React

還有Redux的官方文檔

Read Me | Redux

如果英文好的話，推薦去看老外的英文的教程…http://andrewhfarmer.com/getting-started-tutorials/ 這個鏈接推薦的教程都不錯，而且還可以即時練習

還是先把原生 JS 寫熟練了吧

所謂虛擬 DOM，就是你千萬不要直接操作 DOM，千萬不要直接操作 DOM

所謂組件復用，這不是啥新鮮事，你知道 OOP 吧

跟著 React 開發者的建議一步步學習吧：GitHub - petehunt/react-howto: Your guide to the (sometimes overwhelming!) React ecosystem.

看這裡吧

https://github.com/bodyno/react-starter-kit

上個項目吧

使用react開發的在線聊天室

在線地址:http://aether.liangsen.tk

Github: https://sam019.github.com/Aether