iT邦幫忙

redux相關文章
共有 159 則文章
鐵人賽 Modern Web DAY 3
30 天精通 RxJS 系列 第 3

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

本篇文章搬家囉! 這裡不再回覆留言,請移至 https://blog.jerry-hong.com/series/rxjs/thirty-days-RxJS-...

技術 redux-saga 學習筆記 (1)

為什麼要學習 redux-saga 主要用於管理 redux 中,非同步的 action 其他可選套件 redux-loop redux-thunk r...

鐵人賽 Modern Web DAY 30

技術 Day 30, 最後一天來個RRRR的總結。

鐵人賽最後一天了,也是我這系列的最後一篇文章。 在我的號召之下,公司其他兩位同事也一起參加鐵人賽,順便PO上他們的文章: 美術篇: http://ithelp...

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

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

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

鐵人賽 Modern Web DAY 28

技術 【Day.28】React進階 - 導入Redux,讓元件溝通更簡潔

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

鐵人賽 Modern Web DAY 29

技術 Day 29, Deploy上heroku吧!

終於到了今天,要push上heroku了。 本文參考官方文件實作: Rails 5 and Heroku: https://devcenter.heroku...

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

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

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

鐵人賽 Modern Web DAY 27

技術 Day 27 - 30 天 Progressive Web App 學習筆記 - To-Do List 實作 PWA - 完成 React + Redux 專案架構與功能

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

鐵人賽 Modern Web DAY 28

技術 Day 28, State in Redux or React? 搞混了嗎~

這邊來自於: Redux Github討論串: https://github.com/reactjs/redux/issues/1287#issuecomm...

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

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

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

鐵人賽 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 16

技術 Day16-Redux 篇-認識 Redux Toolkit

在這篇文章中,我們要來認識一個函式庫: Redux Toolkit。 Redux Toolkit 官網 Redux Toolkit 是什麼? 不知道讀者有沒有感...

鐵人賽 自我挑戰組 DAY 6

技術 【DAY 06】React!還有?refs你別來好不?

【前言】  前兩篇講到props、state,可是阿,有時候看到滿滿jquery的特效就很想拿來react用,可是jquery那些都要直接對實體DOM做操作;抑...

鐵人賽 Modern Web DAY 27

技術 Day 27, Example: Reading List

Title很愛學Redux SharedReduxStore, rails, react都認識他 //client/app/bundles/stores/S...

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

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

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

鐵人賽 Modern Web DAY 25

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

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

鐵人賽 Modern Web DAY 7

技術 React-Redux-框架練習(1)

前言 我找到一篇 Redux 的初學教學,是一個外國人寫的,我順便翻寫他所做的文章,也方便我釐清觀念。 Getting started with create...

鐵人賽 自我挑戰組 DAY 1
30天深入淺出Redux 系列 第 1

技術 Redux 深入淺出 - [ Day 1 ] Redux 簡介

前導 這次的主題是板上已有非常多資源的Redux,但時代在變,Redux也在變,有很多做法已經不再適合現在主流 React functional compone...

鐵人賽 自我挑戰組 DAY 26

技術 【DAY 26】React-router,其它很有用的組件(上)

【前言】  倒數最後五篇~~一起加油吧!【正文】  昨天講完Link,今天來講跟Link很常用到的其他組件八吧! Switch:用來包Route與Redirec...

鐵人賽 Modern Web DAY 28

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

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

鐵人賽 Software Development DAY 23
React框架白話文運動 系列 第 23

技術 React白話文運動23-Flux 概念

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Software Development DAY 23

技術 Day 23 - 二周目 - Redux 串接 React 與 Redux DevTools

回憶 昨天介紹了 Flux 架構和它的實作套件 Redux。最後我們寫了簡單的 Redux 程式,體驗 Redux 如何運作。以 Flux 架構圖來說, 昨天的...

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

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

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

鐵人賽 Software Development DAY 24
React框架白話文運動 系列 第 24

技術 React白話文運動24-React Redux

前言 嗨,我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我,進而獲得更多資訊...

鐵人賽 Modern Web DAY 26

技術 Day 26, Redux Store 中控室

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

鐵人賽 Modern Web DAY 29

技術 【Day.29】React進階 - 以Redux Thunk處理非同步資料流

(2024/04/06更新) 因應React在18後更新了許多不同的語法,更新後的教學之後將陸續放在 新的blog 中,歡迎讀者到該處閱讀,我依然會回覆這邊的...

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

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

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

鐵人賽 Modern Web DAY 13

技術 Day 13 / Redux -- Container vs Component

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

鐵人賽 Modern Web DAY 27
Zero to hero with React.js 系列 第 27

技術 【Day 27 React】Redux+API 製作 meme generator—— Part1

現在網路上有許多有趣的梗圖,今天我們不求人!就來串接 Imgflip API 取得梗圖,再透過讓使用者輸入要放在圖片上的文字,做出最客製化的梗圖~ 環境建置...

鐵人賽 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...