2018年1月6日 星期六

React真心覺得很難入門

其實我本身都在寫後端,最近換公司,公司有一個專案想用React來寫前端
所以就叫我去看一看,就如以下的功能,可以把文字動態建立列表
我用jQuery可能不用寫幾行程式就可解決

















但最近學了React,真心覺得想哭,原始碼我放在Github,目前還在練習中寫得不太好
https://github.com/gn8866/React

我參考了很多在GitHub上的文章,覺得這個高手寫得非常棒,又很容易懂,推薦給要學React的初學者,一篇一篇耐心看會學到很多
https://ithelp.ithome.com.tw/users/20103131/ironman/1012

那還有一個網址是主管傳給我的,我也是覺得不錯,但還是建議把上面的鐵人30day的文章都看完再看以下的網址教學會比較好
https://github.com/LeonardoDanielSu/redux-ld

所以我把這幾天學的感想說一下
因為我之前是學jQuery,所以建議學React之前把jQuery忘記,就跟張無忌要學太極要先把九陽神功忘記是一樣的道理

因為React跟jQuery是很不一樣的設計概念,光前戲React就要先建置開發環境與開發工具

  • 安裝Visual Studio Code開發工具,以及調整相關設定
  • 安裝Node.js(已包含npm工具程式)
  • 安裝ES6樣版文件
  • 安裝Google Chrome
  • 撰寫第一支程式

開發React千萬別用cdn載入js的方式來設計,React精華就是元件的切割,讓開發上變得好維護不雜亂
若您只是一個網頁小功能要設計,那我真心建議您使用jQuery就好
殺雞焉用牛刀,千萬不要覺得用了React就潮的出水的概念

React是一種single page application(SPA)的概念,所以它裡面就只有一個HTML
而且那個HTML程式碼非常簡易
























你沒看錯就這樣而已,怎麼互動就是全部寫在js
怎麼煥頁?要使用Router來切換頁面,相當的方便
所以設計概念上讓我對以前的jQuery設計想法很驚訝
目前還在研究中....