iT邦幫忙

redux相關文章
共有 84 則文章
鐵人賽 Modern Web DAY 28

技術 [Angular2] Redux with ngrx/store – Shopping cart sample (2)

Introduction In the previous practice, we had successfully created an Angular2...

鐵人賽 Modern Web DAY 26

技術 Day 26, Redux Store 中控室

快結束了,不知不覺已經26天了。 這邊提醒一下 我是使用react_on_rails內建的redux產生器 rails generate react_on_r...

鐵人賽 Modern Web DAY 26

技術 Day 26 - 30 天 Progressive Web App 學習筆記 - To-Do List 實作 PWA - React + Redux + Webpack 環境建置

接下來 3 篇文章的目標是以 React + Redux + Webpack 的技術來完成 To-Do List 功能與 PWA,而內容會假設讀者已經熟悉 Re...

鐵人賽 Modern Web DAY 27

技術 [Angular2] Redux with ngrx/store – Shopping cart sample (1)

Introduction I will use ngrx/store to implement a shopping cart example from m...

鐵人賽 Modern Web DAY 26

技術 [Angular2] Redux with ngrx/store - Intro

Introduction ngrx/store is a state management container and powers Redux for A...

鐵人賽 Modern Web DAY 24

技術 Day 24, Redux Action / ActionCreator 根本是歸納法

今天呢,就先來定義Action 先歸納一下 看看我們的containers/ReadingList.jsx class ReadingList extends...

鐵人賽 Modern Web DAY 25

技術 如果有一天我變得更複雜:Redux

如果有一天我變得更複雜:Redux 有鑒於前面幾篇文章其實都講得有點簡略,怕大家不知道 SPA 的全貌到底是怎樣,我決定在這一篇裡面寫一個完整的專案出來,當作一...

鐵人賽 Modern Web DAY 29
React - DOM界的彼方 系列 第 29

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

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

鐵人賽 Modern Web DAY 28
React - DOM界的彼方 系列 第 28

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

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

鐵人賽 Modern Web DAY 27
React - DOM界的彼方 系列 第 27

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

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

鐵人賽 Modern Web DAY 26
React - DOM界的彼方 系列 第 26

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

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

鐵人賽 Modern Web DAY 25
React - DOM界的彼方 系列 第 25

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

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

鐵人賽 Modern Web DAY 23

技術 Day 23 / Advanced State Control -- Redux Saga

Redux Saga <好讀版> 前言 上一章談完了redux-thunk,這章要來談 redux-saga。redux-saga 和 redux-...

鐵人賽 Modern Web DAY 22

技術 Day 22 / Advanced State Control -- Redux Thunk

Redux Thunk 前言 處理非同步問題,例如發送一個 request 到後端 API server 時,常常需要等回傳值回來,我們才能利用這個回傳值發一個...

鐵人賽 Modern Web DAY 3
30 天精通 RxJS 系列 第 3

達標好文 技術 30 天精通 RxJS (02): Functional Programming 基本觀念

30 天精通 RxJS (02): Functional Programming 基本觀念 Functional Programming 是 Rx 最重要的觀...

鐵人賽 Modern Web DAY 17

技術 Day 17 / Redux -- Middleware

Middleware <好讀版> 前言 這章是 Redux 章節的最後一章,我們要講的是 middleware,也是 redux 的一個很重要的概念...

鐵人賽 Modern Web DAY 1

技術 Day 1, 踏進RRRR吧。

大家好,我是睏寶。接觸RoR已經很久了,也在去年前端攻防戰(Vue, Angular2, React)中選擇了React。 在今年陸續把手上的案子整合Rails...

鐵人賽 Modern Web DAY 15

技術 Day15 / Redux -- MapStateToProps & MapDispatchToProps & Connect

MapStateToProps & MapDispatchToProps & Connect <好讀版> 前言 我們已經了解了資料可...

鐵人賽 Modern Web DAY 14

技術 Day 14 / Redux -- Reducer & Action creater & Action

Reducer & Action creater & Action <好讀版> 前言 這章要開始講解 redux 中重要的三個部分,...

鐵人賽 Modern Web DAY 13

技術 Day 13 / Redux -- Container vs Component

Container vs Component <好讀版> 前言 在 redux 和 react 共同構成的架構下,我們建議將全部的元件分成下面兩類,...

鐵人賽 Modern Web DAY 13
React - DOM界的彼方 系列 第 13

技術 Day 13: ES6篇: Object Enhancement(物件的增強)

本章的目標是對ES6中的物件字面文字、以及物件中的方法,所提供的改進或增強部份,提供一些較為全面的說明。JavaScript本身就是一個完全的物件導向的程式語...

鐵人賽 Modern Web DAY 12

技術 Day 12 / Redux -- Store vs State

Store vs State <好讀版> 前言 上一章,我們大概講完了 redux 的簡單精神和架構。接下來,我們要實際進入 boilerplate...

鐵人賽 Modern Web DAY 12
React - DOM界的彼方 系列 第 12

技術 Day 12: ES6篇: Side Effects(副作用)與Pure Functions(純粹函式)

本章的目標是對Side Effect(副作用)與(Pure Functions)純粹函式的概念提供一些簡要的說明。Pure Functions(純粹函式)的概...

鐵人賽 Modern Web DAY 11

技術 Day 11 / Redux -- Redux & React

Redux & React <好讀版> 前言 Redux 是一個基於 flux 的設計原理而設計的 library,跟 React 是兩個不...