iT邦幫忙

鐵人檔案

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

React - DOM界的彼方 系列

React是近二年來最熱門的前端應用函式庫,由Facebook開放原始碼,目前在Github上已超過5萬個星。
希望能藉由參與鐵人賽,記錄自己在這一年內學習的心得,並推廣給台灣所有想要學習與使用的網友們。
內容將包含ES6的新特性、React以及Redux整體性的入門介紹。

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

Day 21: React篇 - TodoApp程式 + 編輯項目

今天的主題是要加入項目的編輯功能,以及更多的CSS樣式。至於重點部份有兩個,第一個是CSS樣式的加入,第二個是如何切換項目的編輯。 這個程式最後的呈現結果,會...

2016-12-21 ‧ 由 eyesofkids 分享
DAY 22

Day 22: React篇: TodoApp程式 + 搜尋/過濾 + 排序

今天的主題是要加入搜尋、過濾與排序功能。這三個功能各有其重點,整個一起加進來會讓程式變得開始複雜,下面的解說就要仔細看了。 這個程式最後的呈現結果,就像下面的...

2016-12-22 ‧ 由 eyesofkids 分享
DAY 23

Day 23: React篇 - TodoApp程式 + Fetch/Ajax 於生命週期方法

今天的主題是要加入與伺服器資料互動的功能,一般我們所說的在網頁上的JavaScript應用與伺服器溝通,指的就是使用Ajax技術,傳送資料到伺服器或是與伺服器...

2016-12-23 ‧ 由 eyesofkids 分享
DAY 24

Day 24: React篇 - 路由器(router) 與 本篇小結

今天的主題是路由器(router),以及關於React篇的一些總結資訊。今天並沒有把路由器整合到原先的TodoApp之中,所以沒有範例。 註: 本文章同步放...

2016-12-24 ‧ 由 eyesofkids 分享
DAY 25

Day 25: Redux篇 - 介紹 與 第一個範例

今天的主題是Redux,一開始我們先看它是如何運作的,Redux並不是只能在React應用中使用,而是可以在一般的應用中使用。第一個例子是一個簡單的JavaS...

2016-12-25 ‧ 由 eyesofkids 分享
DAY 26

Day 26: Redux篇 - 第一次使用Redux於React應用

今天的主題是Redux使用於React元件之中,這個範例並不是一個真正用於React元件的範例,正確的來說,它只是個為了展示Redux原本的功能,如何整合到像...

2016-12-26 ‧ 由 eyesofkids 分享
DAY 27

Day 27: Redux篇 - 使用react-redux綁定Redux與React

今天的主題是Redux使用於React元件之中,並使用由Redux官方出品的專案綁定套件react-redux。 這個程式最後的呈現結果,實際上與昨天是相同的...

2016-12-27 ‧ 由 eyesofkids 分享
DAY 28

Day 28: Redux篇: 使用middleware(中介軟體)處理異步動作

今天的主題是在Redux中處理副作用,我們要使用的是一個稱為middleware(中介軟體)的技巧來作,這在Redux裡就有內建這個設計了。以目前來說,mid...

2016-12-28 ‧ 由 eyesofkids 分享
DAY 29

Day 29: Redux篇: TodoApp改用Redux整合

今天的主題是在Redux中的最後一篇,我們將把之前React篇最後完成的TodoApp,改用Redux來管理應用程式領域的狀態。 註: 本文章同步放置於Gi...

2016-12-29 ‧ 由 eyesofkids 分享
DAY 30

Day 30: 回顧2016年,台灣前端開發社群分析與未來期許

"The more you know, the more you know you don’t know." - Aristotle &q...

2016-12-30 ‧ 由 eyesofkids 分享