iT邦幫忙

鐵人檔案

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

認真學前端開發 - 以 TodoList 為例 系列

我覺得學任何語言有時候會不小心陷入一個壞習慣,就是網路上抄了一段 code 覺得會動就結束了,很少深入了解原理是為什麼,最終因為大家都這麼寫所以就不去查清楚查明白了
希望透過鐵人三十,能讓我找回軟體的初衷,跟這次金鐘獎一樣勿忘初衷,好好的學習前端開發吧

鐵人鍊成 | 共 30 篇文章 | 21 人訂閱 訂閱系列文 RSS系列文 團隊開橋找井
DAY 21

Day21 - 使用 Firebase 來做儲存 [Part3][Promise 篇]

昨天練習寫了 firebase 的 database function 但要整進 TodoApp 必須要寫很多 callback 來處理 當 ref 取得完資料...

2018-11-05 ‧ 由 傑瑞林 分享
DAY 22

Day22 - 使用 Firebase 來做儲存 [Part4][完成]

今天來將昨天練習的 firebase 整合 TodoList 裡 匯出呼叫 Firebase 的功能 定義/匯出已經寫好的 function 來使用 expor...

2018-11-06 ‧ 由 傑瑞林 分享
DAY 23

Day-23 如果有一天變得複雜,還能不能繼續改下去?

昨天完成了從 Firebase 讀取待辦清單,但是 SideEffect 沒有完全地處理完 SideEffect 是什麼? 中文解釋是 副作用 在這個 Todo...

2018-11-07 ‧ 由 傑瑞林 分享
DAY 24

Day24 - 使用 React 來解決問題!

先來看看什麼是 React 吧 官方文件 What Is React? React is a declarative, efficient, and flex...

2018-11-08 ‧ 由 傑瑞林 分享
DAY 25

Day25 - 使用 React 來解決問題 [part2]

使用 React 開發 最簡單的方式是使用官方做的 boilerplate 來做 project 的 init,就算不懂前面的 webpack 也可以寫網頁 C...

2018-11-09 ‧ 由 傑瑞林 分享
DAY 26

Day26 - 使用 React 來解決問題 [part3]

昨天將 React Todo 的殼寫出來了,今天就把之前做的 Firebase 當作心臟給放進去,讓它活起來吧! 事前準備 安裝 firebase yarn...

2018-11-10 ‧ 由 傑瑞林 分享
DAY 27

Day27 - 使用 React-Redux 來管理狀態 [part1]

當然所有的 App 不會像是 TodoList 這麼簡單,假設有天 App 變成怪獸,有好多個網址(react-router),卻還是同一個 React App...

2018-11-11 ‧ 由 傑瑞林 分享
DAY 28

Day28 - 使用 React-Redux 來管理狀態 [part2]

clone 昨天的 project git clone git@github.com:yuhsiang/iron-man.git cd day27/react-...

2018-11-12 ‧ 由 傑瑞林 分享
DAY 29

Day29 - 使用 React-Redux 來管理狀態 [part3]

放置 redux 檔案夾 雖然 TodoListApp 目前沒有很多 state ,但可能以後會增加很多 reducer 來處理別的狀態 在 redux 中...

2018-11-13 ‧ 由 傑瑞林 分享
DAY 30

Day30 - 完賽感言與回顧

今天最後一天了,感謝一路上的朋友觀看,最重要的是我們開橋找井的的隊友們,三十天每天要寫一篇實在是不簡單,我們在 facebook 上的互助提醒要 PO 文,和口...

2018-11-14 ‧ 由 傑瑞林 分享