© 2024. All rights reserved.

redux

利用 React Context API + useReducer 實作 Redux

要選 Redux 還是 context API + useReducer 來做狀態管理呢？context API + useReducer 能完全取代 Redux 嗎？

May 25, 2023 react hooks react.js redux Web Vitals Loading Performance Rendering Performance front-end architecture Core Web Vitals 加載效能效能調校 sharing · 留言

使用 React Hooks 重構 React Class Component 的改造筆記

使用 React Hooks 重構 React Class Component 的改造筆記。

January 30, 2021 react hooks functional programming react.js 吃什麼 redux · 留言

使用 Jest 對 Redux 做單元測試 - Reducer 篇

使用 Jest 對 Redux 的 reducer 做單元測試的簡單記錄。

April 16, 2020 Jest redux Unit Test 單元測試自動化測試 · 留言

使用 Jest 對 Redux 做單元測試 - Action 篇

使用 Jest 對 Redux 的 action 做單元測試的簡單記錄。

March 27, 2020 Jest redux redux-mock-store redux-thunk Unit Test 自動化測試單元測試 · 留言

React Form: Redux Form vs React Final Form vs Formik and Yup

本文會先從為何要做表單狀態管理說起，接著看目前市面上有哪些好的表單函式庫和條列挑選原則，並探討三個表單函式庫 Redux Form、React Final Form、Formik & Yup，最後做比較和總結。

April 30, 2019 react.js form react.js redux virtual dom sharing · 留言

redux-promise

redux-promise 是一個符合 Flux Standard Action（FSA）規範且專門給 Redux 所用的 middleware。redux-promise 接收 promise 作為輸入，並回傳 resolved 結果。

April 17, 2018 redux promise · 留言

Todo List: React and Redux Example

使用 React、Redux 和 React-Bootstrap 實作 Todo List。

April 1, 2017 react.js redux immutable todo list immutable.js · 留言

Todo List: Redux with jQuery Example

Redux 是用來管理狀態（state）的框架，可以和 React、Angular、jQuery 甚至 Pure JavaScript 一起使用。以下就簡單使用jQuery實作Todo List。

January 27, 2017 redux jQuery todo list · 留言