[請益] 新手上路 - 第一次做網頁+使用React js

作者: silentcrane (寂靜之鶴)   2016-08-16 12:47:14
其實考慮了很久到底要不要發文 XD
覺得自己的問題好像很淺但是找不太到100%符合的答案,
所以還是上來打擾各位版友了 <(_ _)>
自己是web dev超新手
有上過Ruby+JS的課程, html/css自學
但是學習的大部分都是拆開來的測驗 (怎麼去達成某些事情, 邏輯怎麼寫比較好之類的)
目前還沒有過獨立作一個完整的頁面過 T_T
這次是想要做一個前端為重的網頁....
(其實是因為還沒討論好該有啥功能,只好就先從最表面的開始 XD)
所以就找上了最近很紅的React js
順便當作學習機會。
後端大概就Node js? library應該會用用看Redux
目前是碰到的一些問題:
1. React是把整個網頁分隔成各種component(組件?原件?),我蠻喜歡這種設計的
但是如果後面有改動或是增加新東西,其他的架構會不會被影響很大?
例如說原本是兩個組件,後來被合成一個...
(雖然想想,好像不管哪個Frameworks都會被影響 XDDD)
2. 如果我有一堆圖案(像是球隊隊徽),我想在點其中一個時候
讓其他的消失+顯現出一些訊息。
這樣的做法應該是把每個隊徽都設成自己獨立的組件嗎?
感覺是這樣才能夠去獨立操控每一個的狀態?
(React的基本寫法是任何我想要單獨處理的都要是一個獨立組件? @@)
3. 有點蠢的問題 (汗
請問自己這樣寫網頁,有必要先去設定一個VM嗎?
還是直接mac上用npm安裝好react 之後就可以動手寫+跑了?
4. 承上,如果想要在另一台電腦的Win10系統下繼續寫的話
有需要安裝甚麼特別的東西嗎?
WSL? VM? Cygwin? .......老實說我看到這些東西還沒開始寫就已經頭昏了 XDDD
5. 目前看一些React解說,很多都有提到boilerplate 和 webpack
boilerplate = 樣板?
webpack = ...?? OTL
想開始寫code之前是不是得先搞懂這兩個是甚麼呢? OAO
一堆新手問題,非常感謝願意撥時間回答的版友們 <(_ _)>
如果有適合給我這種新手閱讀的React教學,還煩請推薦! 謝謝~!!
PS. 目前正準備開始上Udemy的課程...聽說評價還不錯?
不過看教學影片的時間一直被我拖延哈哈哈哈 orz..

Links booklink

Contact Us: admin [ a t ] ucptt.com