鐵人檔案
吃素的工程師，因為我很菜。我甚麼都不會，只會報名鐵人賽。希望這30天可以讓自己跌入 React 的懷抱，探究它的魅力，記錄學習的一步一腳印。30天後我要成為 React HERO!!!!
今天要介紹如何即時得到使用者輸入的色碼，並即時 render 到氣球上。DEMO 建立 Component 首先，建立一個 Balloon component...
前面幾篇的做法，我都是直接引用 CDN 來操作。我們還有第二種方法可以 include React，就是透過第二篇介紹過的 Webpack，所以今天就來學學 W...
取得 input 的值 昨天做到 input event 的綁定，不過尚未取得 input 的值，在 handleQuery 裡，我們可以用 event.tar...
呈現符合搜尋的結果 首先，我要先把寫死的 Toothpaste 產品資訊替換掉，替換成可以動態塞入符合搜尋結果的程式碼。 在 Results 這個 compon...
Flux Introduction 大家好，很高興可以在鐵人賽這個公眾場合上自我介紹，前幾年我也都有受邀來自介，很開心大家找我朋友 React，最後都會找到我這...
上一篇文章介紹了 Flux 的基礎，今天就讓我們用 To-do app 來更深入了解 Flux 架構的運作原理吧～～～～～～ Store Change 每一次的...
新增 dispatcher.js 檔案，並在 TodoStore.js 裡註冊 dispatcher import { Dispatcher } from &q...
今天，要來學習 to-do app 中的 Action 先在 js 資料夾下創建一個 actions 資料夾，裡面新增一個 TodoActions.js在 ac...
做 SPA 囉~~ 唉不是！此 SPA 非彼 SPA。。。。 今天要學習 React router，並透過 Single Page Application(SP...
後面這二十天，將專攻 Redux，一樣也是透過做中學的方式來理解 Redux。首先，官方文件是必備材料：Redux 官方中文文件 另外，這一篇 Code Car...
