Skip to content

A simple [synchronous/asynchronous] example of using redux in react, which contains reactjs/toolkit and react-redux.

License

Notifications You must be signed in to change notification settings

windsuzu/react-redux-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Contributors MIT License Author LinkedIn


React Redux Demo

A simple example of using redux in react, which contains reactjs/toolkit and react-redux.
View Demo · Report Bug · Request Feature

Table of Contents

About

這個專案為 redux 的應用展示,使用兩個第三方元件: @reactjs/toolkit 以及 react-redux 來開發 redux 的主要功能。 專案中分別利用 redux 實作了同步 (synchronous) 與非同步 (asynchronous) 的實際狀況。

  • 同步狀況
    • 例如: 本地的狀態改變不需要網路操作 (request/response)
    • 需要元件:
      • createSlice, configureStore from @reactjs/toolkit
      • Provider, useSelector, useDispatch from react-redux
  • 非同步狀況
    • 例如: 需要網路操作載入資料庫物件 (fetch)上傳物件到資料庫 (send request)

Built With

  • HTML5, CSS3, Javascript ES6
  • React.js + Redux
  • @redux.js/toolkit
  • react-redux

[DEMO] : https://windsuzu.github.io/react-redux-demo


Examples

Preview

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Reach out to the maintainer at one of the following places:

Acknowledgements