https://github.com/selmasaltik/diving-into-redux

Diving into Redux (An Alternative To The Context API) /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"
https://github.com/selmasaltik/diving-into-redux

actions configurestore create-slice react react-redux reducer reducer-functions reducer-redux redux redux-toolkit usedispatch-hook useselector-hook

Last synced: 8 days ago
JSON representation

Diving into Redux (An Alternative To The Context API) /// What I learned from "React - The Complete Guide 2024 (incl. Next.js, Redux) - Academind by Maximilian Schwarzmüller"

• Host: GitHub
• URL: https://github.com/selmasaltik/diving-into-redux
• Owner: selmasaltik
• Created: 2024-10-20T21:33:38.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-22T14:54:15.000Z (2 months ago)
• Last Synced: 2024-10-27T12:46:14.674Z (about 2 months ago)
• Topics: actions, configurestore, create-slice, react, react-redux, reducer, reducer-functions, reducer-redux, redux, redux-toolkit, usedispatch-hook, useselector-hook
• Language: JavaScript
• Homepage: https://diving-into-redux-chi.vercel.app
• Size: 213 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Understanding Redux

***Managing App-Wide State with Redux***

- **What** Is Redux? And **Why** Would You Use It?

- Redux **Basics** & **Using Redux** with React

- Working with **Redux Toolkit**

**Redux**: A *state management* *system* for *cross-component* or *app-wide* state

***Don’t we have React Context already?***

**React Context Has Some Potential Disadvantages**

- ***Complex Setup & Management:*** In more complex apps, using React Context can lead to deeply nested or “fat” “Context Provider” components

    - Potential Problem: Deeply Nested Providers

    - Potential Problem: Complex Providers

- ***Performance:*** React Context is not optimized or high-frequency state changes

    - Potential Problem: High-Frequency Changes

**Core Redux Concepts**

[Core Redux Concepts](https://www.canva.com/design/DAGUDnlmJRU/EKQGZ6o-LdKUjSxoIDHHyw/edit?utm_content=DAGUDnlmJRU&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton)

[The Reducer Function](https://www.canva.com/design/DAGUJBPE_gI/SJBdO7QQAjdRnSmPu-7XiQ/view?utm_content=DAGUJBPE_gI&utm_campaign=designshare&utm_medium=link&utm_source=editor)

[Reference vs Primitive Values](https://academind.com/tutorials/reference-vs-primitive-values/)

[Redux Toolkit | Redux Toolkit](https://redux-toolkit.js.org/)