iT邦幫忙

鐵人檔案

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

30天React從入門到入坑 系列

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

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

DAY21:React實作小專案(分析規劃)

挑戰20天,已經學習react基礎語法、概念、事件觸發、生命周期,加上以學習的套件來實作一個WEB小專案,看看是否已有足夠的基礎技能,還是需要再加強那些知識,利...

2018-01-09 ‧ 由 許小威 分享
DAY 22

DAY22:React實作小專案(layout實作)

規劃Wireframe 初步規劃Wireframe,大致分為3塊上面的header,左邊的sidebar和右邊的content。為了實作的簡單性,先把這3塊實作...

2018-01-10 ‧ 由 許小威 分享
DAY 23

DAY23:React實作小專案(components實作)

昨天已完成layout與router,今天實作Notices(公告)、UserInfo(使用者清單)、PhoneInfo(電話清單)。主要運用先前react-b...

2018-01-11 ‧ 由 許小威 分享
DAY 24

DAY24:React實作小專案(webpack調整)

問題1: component使用css物件,改為className使用css檔案,我們必須靠css loader幫我轉換代碼,當components將代碼轉為c...

2018-01-12 ‧ 由 許小威 分享
DAY 25

DAY25:flux想解決什麼問題?

flux是一個模式而不是一個框架,所以使用flux並不會有太多新的程式碼,所以我們主要了解這個模式概念是什麼,flux到底想解決什麼問題? react以撰寫co...

2018-01-13 ‧ 由 許小威 分享
DAY 26

DAY26:用counter來了解redux

redux counter example import { createStore } from 'redux' //reducer function fu...

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

DAY27:react-redux simple counter

react redux diagram view觸發事件->dispatch發送action->reducer根據action返回新的state-&...

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

DAY28:react-redux middleware做什麼?

middleware在dispatch之間,middleware全處理完才會到達reducer。如果我們想做logging、異步處理或錯誤記錄都可在此。appl...

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

DAY29:mobx-react什麼怪東西…?

mobxjs flow Actions:action會由事件所觸發,而action也是唯一可修改state State:可觀察(observable)並最小化...

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

DAY30:2018 key word next(Next.js)

最近看到許多2018評論JavaScript的文章,出現一個特殊關鍵字Next.js,感覺這命名好潮又是什麼鬼東西。最近在其它地方看到簡短描述"rea...

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