推薦學習前端的好網站-Scrimba

前言

最近使用 React 來寫一個簡單的頁面，從 Facebook Create React App開始，建立一個專案，就開始了 ReactJS 之旅。

部署問題

當透過 npm run build 產生部署的檔案後，放到 IIS 的虛擬目錄之中，立馬噴 404 ，找不到 js 。
原來 react 預設是在根目錄，如果要使用相對路徑的話，需要在 package.json 中設定 homepage 的值，如下，

"homepage": "./"

詳細可以參考 React Deployment。
可別以為每次搬程式都需要重 Build 一次哦 :)

jsx, state, props 傻傻分不清

因為預設是使用 jsx ，所以常常在 {} 物件之間搞不清楚，常常噴錯，就上網去相關的問題來解決。

Scrimba

雖然 react 蠻好入手的，但有一些基本的功還是需要學習的，在Scrimba react中，除了它是免費的之外，它的 UI 本身就是可以讓學習者直接寫 Code 的 IDE。
而講師也常常說到一段，就停下來要我們去練習看看，然後再對照講師所寫的程式碼，學習上真的很方便。
而在 react 課程式，內容是從一個簡單的 ReactDOM.render 開始練習，從 function component 到 class component ，從小到大到拆分到別的 class，也有點到寫 Code 上需要注意的問題。
真的非常推薦，快上 Scrimba 好好學習吧 :)