Redux Fundamentals

1. Introduction

Redux is a predictable state container for JavaScript applications, often used with libraries like React for managing application state.

2. Key Concepts

• **Store**: Holds the application's state.
• **Actions**: Payloads of information that send data from the application to the store.
• **Reducers**: Functions that specify how the state changes in response to actions.
• **Middleware**: Enhances the store with custom behavior.

3. Installation

npm install redux react-redux

4. Core Principles

1. **Single Source of Truth**: The state of your application is stored in a single object tree within a store.
2. **State is Read-Only**: The only way to change the state is to emit an action, an object describing what happened.
3. **Changes are Made with Pure Functions**: To specify how the state tree is transformed by actions, you write pure reducers.

5. Workflow

            graph TD;
                A[Action] --> B[Reducer];
                B --> C[Store];
                C --> D[UI];
                D --> A;
        

6. Best Practices

• Keep your state normalized.
• Use action creators for actions.
• Use middleware for side effects.
• Keep reducers pure and free of side effects.

7. FAQ