Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Ultimate Redux Playlist for Beginners
Rating: 4.5 out of 5(13 ratings)
654 students

Ultimate Redux Playlist for Beginners

Master State Management with Redux from Zero to Hero
Created byPriyanshu Panwar
Last updated 5/2024
English
English [Auto],

What you'll learn

  • Any JS Developer who is starting his career in Frontend Development
  • Any Frontend Professional who wants to learn state management
  • Anyone who wants to know how big apps/websites manage data on the client side
  • College students preparing for Frontend Developer Interviews

Course content

2 sections • 8 lectures • 1h 36m total length

  • What is Redux? Let's understand the need of Redux.11:22

    Discover how Redux centralizes an application's state with a global single store. Dispatch actions to reducers that use type and payload to produce a new state, updating the UI.

  • Setting up Actions & Reducers5:12

    Learn to set up actions and reducers in Redux by defining increment and decrement actions, a reducer with initial state, switch on action.type to update the state shared by counters.

  • Setting up Redux Store5:26

    Set up a Redux toolkit store with configureStore, then wrap your React app in the React Redux provider to integrate the state.

  • Debug Redux Store with Redux Dev Tools3:05

    Debug and inspect your Redux store using the Redux Dev Tools extension, observe init actions, payloads, and state changes as you dispatch actions.

  • Dispatch Actions & Get State8:12

    Learn how two counters share a single global Redux store using useSelector and useDispatch to read and update state with increment and decrement actions.

  • Create Slice in Redux24:25

    Create slices with Redux Toolkit to split the global state into counter and name sub-states. Merge actions and reducers in one file, and wire them with a configured store.

  • ToDo App with Next.js(React) & Redux17:06

    Build a to-do app from scratch with Next.js and Redux Toolkit, set up a Redux store and provider, and implement add, remove, and toggle tasks using a slice.

  • What is Redux Thunk?22:04

    Explore how Redux thunk enables asynchronous actions in Redux by fetching todos via an API, managing loading, success, and error states with slices, reducers, and a store.

Requirements

  • Basic JavaScript or TypeScript experience needed. Very basic knowledge of React is a good thing.

Description

Redux is an open-source JavaScript library that helps you manage and centralize the state of your application. Think of it as a control center where all the important data about your app lives. This makes it easier to keep track of what's going on and ensures that different parts of your app can work together smoothly.

If you're building a user interface with libraries like React or Angular, Redux can be a game-changer. It provides a predictable way to manage your app's state, which means you can spend less time debugging and more time building features.

Imagine you're working on a to-do list app. Without Redux, each part of your app (like the list of tasks, the form to add a new task, and the buttons to mark tasks as done) might manage its own state. This can quickly get messy and lead to bugs, especially as your app grows. With Redux, all the state is managed in one place, making it much easier to keep everything in sync.

In this course, we'll start from the very basics of Redux. You don't need any prior experience with state management libraries. We'll cover everything step-by-step, from understanding what state is and why it's important, to setting up Redux in your project, and finally to advanced techniques for optimizing your app's performance.

By the end of this series, you'll have a solid understanding of how to use Redux to manage your application's state efficiently. You'll be able to build more complex and reliable apps with confidence. So, join me on this exciting journey from zero to hero in state management with Redux!

Who this course is for:

  • Beginner Software Developers inclined towards Frontend Development
  • Any Developer who is eager to learn State Management in React Applications

Report abuse