現在網路上有許多有趣的梗圖,今天我們不求人!就來串接 Imgflip API 取得梗圖,再透過讓使用者輸入要放在圖片上的文字,做出最客製化的梗圖~ 環境建置...
上一篇建立完角色陣容後,今天要來做已選取的角色陣容。在 component 資料夾中新增 HeroList.js import React, { Compone...
mapping dispatch to props import { bindActionCreators } from 'redux'; import {...
介面的呈現 在做好基本功能之後,先來把介面刻完,然後就可以把功能 map 到 UI 元件上了。除了 import React 和 component 之外,我們...
接續昨天在 index.js 寫完 reducer 的程式碼,現在要把這些程式碼分別放進各自的 reducer 裡,實現最結構化的撰寫模式。我們在 reduce...
Action 的設定 有 provider,有 store,有 reducer,明星三缺一,現在只缺 action 啦!第一個要定義的 action,就來寫寫選...
前言 當react結合redux後,就有的觀念就大轉變,要趕快脫離段適應期,所以要不段的修煉,今天練習的是redux 表單 練習目標 程式 看來挑錯練習範例...
前言 續昨天的文章: Getting started with create-react-app, Redux, React Router & Red...
前言 我找到一篇 Redux 的初學教學,是一個外國人寫的,我順便翻寫他所做的文章,也方便我釐清觀念。 Getting started with create...
為什麼要學習 redux-saga 主要用於管理 redux 中,非同步的 action 其他可選套件 redux-loop redux-thunk r...
鐵人賽最後一天了,也是我這系列的最後一篇文章。 在我的號召之下,公司其他兩位同事也一起參加鐵人賽,順便PO上他們的文章: 美術篇: http://ithelp...
終於到了今天,要push上heroku了。 本文參考官方文件實作: Rails 5 and Heroku: https://devcenter.heroku...
這邊來自於: Redux Github討論串: https://github.com/reactjs/redux/issues/1287#issuecomm...
Title很愛學Redux SharedReduxStore, rails, react都認識他 //client/app/bundles/stores/S...
接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...
Introduction In the previous practice, we had successfully created an Angular2...
快結束了,不知不覺已經26天了。 這邊提醒一下 我是使用react_on_rails內建的redux產生器rails generate react_on_ra...
接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...
Introduction I will use ngrx/store to implement a shopping cart example from m...
Introduction ngrx/store is a state management container and powers Redux for A...
今天呢,就先來定義Action 先歸納一下 看看我們的containers/ReadingList.jsx class ReadingList extends...
如果有一天我變得更複雜:Redux 有鑒於前面幾篇文章其實都講得有點簡略,怕大家不知道 SPA 的全貌到底是怎樣,我決定在這一篇裡面寫一個完整的專案出來,當作一...
今天的主題是在Redux中的最後一篇,我們將把之前React篇最後完成的TodoApp,改用Redux來管理應用程式領域的狀態。 註: 本文章同步放置於Gi...
今天的主題是在Redux中處理副作用,我們要使用的是一個稱為middleware(中介軟體)的技巧來作,這在Redux裡就有內建這個設計了。以目前來說,mid...
今天的主題是Redux使用於React元件之中,並使用由Redux官方出品的專案綁定套件react-redux。 這個程式最後的呈現結果,實際上與昨天是相同的...
今天的主題是Redux使用於React元件之中,這個範例並不是一個真正用於React元件的範例,正確的來說,它只是個為了展示Redux原本的功能,如何整合到像...
今天的主題是Redux,一開始我們先看它是如何運作的,Redux並不是只能在React應用中使用,而是可以在一般的應用中使用。第一個例子是一個簡單的JavaS...
Redux Saga <好讀版> 前言 上一章談完了redux-thunk,這章要來談 redux-saga。redux-saga 和 redux-...
Redux Thunk 前言 處理非同步問題,例如發送一個 request 到後端 API server 時,常常需要等回傳值回來,我們才能利用這個回傳值發一個...
本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...