iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

30天React從入門到入坑 系列

React為近年來最熱門的前端之一,希望這30天能努力學習成為一個初心者,然後掉入前端的萬丈深淵(誤)

鐵人鍊成 | 共 30 篇文章 | 41 人訂閱 訂閱系列文 RSS系列文
DAY 11

DAY11:Form Controlled Component

form表單在web應用上很常見,早期作法當使用者填完欄位觸發事件控制,或使用者點擊送出在進行驗證,免不了抓取元素取值驗證。react採取的作法是把元素綁定ch...

2017-12-30 ‧ 由 許小威 分享
DAY 12

DAY12:Form Uncontrolled Component

react非控制元件(Uncontrolled Component),基本上就跟一般的Html form很像,值不受state初使也沒有change callb...

2017-12-31 ‧ 由 許小威 分享
DAY 13

DAY13:React write css 4 way

css寫法從以前塞在html裡到引用外部檔案,後來演進變數與模組化。這裡簡單介紹react裡使用css的方法,使用細節可能3~5篇還寫不完,搭配工具使用可能又是...

2018-01-01 ‧ 由 許小威 分享
DAY 14

DAY14:React-Bootstrap

bootstrap為前端開源框架,主要把網頁常用的元件都定義出來,讓原本form、button、navbar或者layout排版更加簡潔便利。如果覺得boots...

2018-01-02 ‧ 由 許小威 分享
DAY 15

DAY15:React prop-types 型別檢查

javascript是弱型別,所以在型別錯誤時不會顯示錯誤,所以近幾年才會開發出TypeScript這種強型別的js,可以在開發時期顯示警告,編輯時期出現錯誤訊...

2018-01-03 ‧ 由 許小威 分享
DAY 16

DAY16:React Error Boundaries

在react尋找錯誤處理,看到一個有趣的名詞叫Error Boundaries,好像沒有中文名詞但大致的意思是錯誤的邊界。當發生錯誤時限縮錯誤範圍,不會影響到其...

2018-01-04 ‧ 由 許小威 分享
DAY 17

DAY17:React state 同步,非同步??

react官網說明setState不一定同步,state為component封裝內部狀態屬性,當呼叫setState()就會重新繪製,所以由react自己透過d...

2018-01-05 ‧ 由 許小威 分享
DAY 18

DAY18:ajax fatch & react-axios

react使用ajax可以選用fetch API或react-axios,react-axios是把axios在包裝成components,所以可直接使用標籤方...

2018-01-06 ‧ 由 許小威 分享
DAY 19

DAY19:React Webpack say Hello(設定檔)

webpack為JavaScript應用程式靜態模塊打包工具(module bundler)。當webpack處理應用程式,它會遞回建立依懶關係圖(depend...

2018-01-07 ‧ 由 許小威 分享
DAY 20

DAY20:React Webpack say Hello(檔案結構、輸出)

完成webpack設定後,在project裡新增source(src)存放目錄與distribution(dist)發佈目錄。src主要放置需編譯代碼,dist...

2018-01-08 ‧ 由 許小威 分享