/redux-practice

This project is an example application created to learn the Redux library.

Primary LanguageTypeScript

Redux Learning Project

This project is an example application created to learn the Redux library.

Technologies Used

  • Redux Toolkit
  • React Redux
  • Redux Slices
  • React
  • TypeScript

Project Structure

The project utilizes the fundamental principles of Redux, including store, actions, and reducers. Different state portions are organized into slices and combined into a single root reducer.

  • store.ts: Configures the Redux store.
  • rootReducer.ts: Defines the root reducer that combines all slices.
  • slices: Contains individual slices for each feature.
    • counterSlice: Manages the counter.
    • userSlice: Stores user information.
    • todoSlice: Manages the todo list.
    • searchSlice: Holds state for the search feature.
    • timeSlice: Keeps track of time information.
    • sortedSlice: Used for sorting data.
    • apiSlice: Used for fetching data.

Learned Concepts

  • Redux state management and data flow
  • Usage of actions, reducers, and slices
  • Simplified Redux usage with Redux Toolkit
  • Integration of Redux with React
  • Data access using selectors
  • Memoization with Reselect
  • Utilization of Redux DevTools
  • Async thunk configuration

Results

This project serves as a valuable resource for learning the fundamentals of Redux. It provides experience in modular state management, data flow control, the action/reducer pattern, and integration of Redux with React.