鐵人檔案
form表單在web應用上很常見，早期作法當使用者填完欄位觸發事件控制，或使用者點擊送出在進行驗證，免不了抓取元素取值驗證。react採取的作法是把元素綁定ch...
react非控制元件(Uncontrolled Component)，基本上就跟一般的Html form很像，值不受state初使也沒有change callb...
css寫法從以前塞在html裡到引用外部檔案，後來演進變數與模組化。這裡簡單介紹react裡使用css的方法，使用細節可能3~5篇還寫不完，搭配工具使用可能又是...
bootstrap為前端開源框架，主要把網頁常用的元件都定義出來，讓原本form、button、navbar或者layout排版更加簡潔便利。如果覺得boots...
javascript是弱型別，所以在型別錯誤時不會顯示錯誤，所以近幾年才會開發出TypeScript這種強型別的js，可以在開發時期顯示警告，編輯時期出現錯誤訊...
在react尋找錯誤處理，看到一個有趣的名詞叫Error Boundaries，好像沒有中文名詞但大致的意思是錯誤的邊界。當發生錯誤時限縮錯誤範圍，不會影響到其...
react官網說明setState不一定同步，state為component封裝內部狀態屬性，當呼叫setState()就會重新繪製，所以由react自己透過d...
react使用ajax可以選用fetch API或react-axios，react-axios是把axios在包裝成components，所以可直接使用標籤方...
webpack為JavaScript應用程式靜態模塊打包工具(module bundler)。當webpack處理應用程式，它會遞回建立依懶關係圖(depend...
完成webpack設定後，在project裡新增source(src)存放目錄與distribution(dist)發佈目錄。src主要放置需編譯代碼，dist...
