Redux

★★★★★

84 reviews

last updated 9 months ago

This course is up to date, guaranteed

So you want to learn Redux?
Here are some common approaches

Random Blogs

It's not that blog posts are bad, it's that finding and piecing together unrelated yet up to date posts that form a linear, cohesive path to learning complex technical topics is hard.

Conferences

Things conferences are great for - networking, travelling on your company's dime, free swag, finding other companies to join. Things conferences are not great for - learning in depth technical topics that you will remember and put into practice literally 3 days later when you’re back at the office, quality wifi.

Youtube Videos

It's happened to all of us, one moment you're using Youtube to learn about React's useEffect Hook and the next you're watching a "KIDS REACT TO PAYPHONES" video. Finding a high-quality, up-to-date YouTube video that effectively answers all of your questions on a JavaScript topic might actually be more difficult than finding a needle in a haystack. With so many videos and zero quality control, it’s easy to get sucked down the YouTube rabbit hole for hours without getting much learning out of it.

All-In-One Subscriptions

These are the larger companies that offer courses on seemingly every technology under the sun. We won’t name them, but chances are your company has a business subscription to at least one of them and chances are that you don’t use it much. Their courses are made by a wide assortment of third-party contractors and optimized for production quality, not educational value.

Live Workshops

You know what they say, the best learning happens sitting in a classroom for 8 hours at a time listening to dry lectures and working through practice problems that only serve to make you feel comfortable so you’ll feel like you learned something. Oh wait, no. No one says that.

The better approach?
All our courses follow the same proven structure, optimized for knowledge, not the illusion of learning.

Effort

We're obsessed with making the most effective developer education content on the planet. On average, it takes us around 1,900 hours to create a new course. While others prioritize quantity, we optimize for quality.

Non-Contextual Practice

Similar to the non-contextual analysis, context is everything. The first time you're hands-on with a new topic, any extra contextual information you have to process only serves as a distraction. This is why we first have you work through small, focused practice problems before you ever see the new topic in the context of a larger project.

Non-Contextual Analysis

The first time you're introduced to a topic, any extra contextual information you have to process only serves as a distraction. Although it takes more time, our non-contextual analysis comes in two forms, video and text. This way, no matter how you prefer to learn, there's an option for you.

Contextual Practice

You've probably experienced it before, you feel like you're learning so much going through a tutorial only to hit a wall once it's time to actually apply that knowledge outside of the context of the tutorial. All the non-contextual practice in the world is useless if you're not then able to take that knoweldge and apply it towards a (contextual) production level codebase.

Quiz

Nothing fancy here. After learning about the topic you'll receive a quiz to make sure you have a solid conceptual understanding before moving on to the hands-on practice.

The result?

Redux Mastery

31 Topics
357 Minutes of Video
1,182 Words of Text
6 Quizzes
3 Projects

Outline

Introduction

Introduction, Philosophy, and Tips

In this section you'll learn what you should expect and how to get the most out of the course.

Middleware

(Project) Customizing Dispatch
(Project) Utilizing Redux Middleware
Redux Middleware
(Project) Logger Middleware
(Quiz) Redux Middleware

In this section you'll learn why, how, and when to utilize Redux's Middleware feature.

react-redux

Downsides of React and Redux
React's Context API
(Project) Utilizing Context
(Project) Connecting Components to the Redux Store
(Project) Implementing connect
(Project) Using react-redux
(Quiz) react-redux

In this section you'll learn how to more easily integrate React and Redux together with the react-redux library.

Real World Redux

(Project) Introduction to Polls
(Project) Starter Code
(Project) Authed User
(Project) Users
(Project) Loading
(Project) Answers
(Project) Shared
(Project) Logger
(Project) Leaderboard
(Project) Dashboard
(Project) Add Poll
(Project) Routes
(Project) Poll

In this section we'll take everything we've learned up until this point and use it to build a real-world React and Redux (with Hooks) application.

The Store

What is the Store?
(Project) Create Store - Getting the State
(Project) Create Store - Listening to Changes
(Project) Create Store - Updating the State
(Project) The Reducer Function
(Project) Create Store - Dispatching Changes
(Project) Handling more Actions
(Project) Combining Reducers
Reducer Composition
(Project) Leveraging Constants
(Project) Action Creators
Review - The Store, Actions, and Reducers
(Quiz) The Store

In this section you'll learn the most foundational part of Redux, the Store. The Store is where the state in a Redux application lives. Throughout this section you'll learn various techniques for adding, updating, and removing state from your Redux Store.

Redux and React

(Project) Adding in React
(Project) Dispatching Todos with React
(Project) Dispatching Goals with React
(Project) Lists with React and Redux
(Project) Toggling UI with Redux

In this section you'll learn how to utilize Redux and React together from scratch.

Folder Structure

(Project) Redux Folder Structure: Create React App
(Project) Redux Folder Structure: Actions
(Project) Redux Folder Structure: Reducers
(Project) Redux Folder Structure: Middleware
(Project) Redux Folder Structure: Components
(Project) Redux Folder Structure: The Store
Other Folder Structure Patterns

In this section we'll refactor our app to a more common folder structure you'll see in a real-world project.

Next Steps

Next Steps

Now that you know all about Redux, it's time to take that knowledge and apply it towards building a project on your own.

UI

(Project) App Scaffolding
(Project) Basic UI
(Project) Dispatching New Items
(Project) Subscribing for UI Updates
(Project) Dispatching to Remove Items
(Project) This is Redux
Review - UI
(Quiz) - UI

In the previous section you'll have built your own state management library. In this section, you'll learn how to integrate that library with an interface.

Async Redux

(Project) Handling Initial Data
(Project) Loading States with Redux
(Project) Optimistically Deleting Items
(Project) Optimistically Toggling Todos
(Project) Persisting Items
(Project) Custom Thunk
More on Thunks
(Project) Thunkify Goals
(Project) Thunkify Todos
(Project) Thunkify Initial Data
(Project) Redux Thunk Middleware
More Asynchronous Options
(Quiz) Async Redux

In this section you'll learn how, utilizing the Redux Thunk pattern, you can integrate Redux with asynchronous code.

Hooks

Why React Hooks?
Redux Hooks
(Quiz) Redux Hooks
(Project) Refactor

react-redux 7.1 introduced some custom Hooks that make integrating Redux into a React app much more enjoyable. In this section, we'll learn what those are and integrate them into our app.

Hype

Pol

The best way to learn Redux is to build Redux itself! Brilliant approach from Tyler as he takes us through the steps of building a Redux clone and slowly moving up to the official library. The course is detailed and thorough, the only resource out there to get a full grasp of Redux.

Domitrius Clark

Subscribing to tylermcginnis.com took me from fuddling around in the endless amounts of resources, trying to find my footing, to breaking off and confidently building my first few React applications with Redux. Stop reading and start doing with Tyler, you won't regret it.

Ashish

The best Redux course that exists! \nYou don't just learn how to use Redux, first you create Redux, create Connect and then use the Redux library to create an app. Amazing course!

Nick Maskell

This is not just for beginners. I guarantee that even if you have been using Redux for a while, you will walk a way with a much deeper knowledge on *how* everything works. Highly recommended.

Francesco Pellegrini

The ability of Tyler to explain things clearly, simply and thoroughly is really unmatched. The idea to build a redux clone from scratch to make students understand what's going on under the hood is pure genius.

Phillip Nguyen

A strongly gifted teacher able to translate complicated concepts and enable people, like myself, to absorb them quite easily. 15/10 rating!

Lalit Kishor Singh

This is the best Redux Course on the planet you'll ever take. It's not like a typical Redux course that teaches you how to write the syntax, instead it focuses more on how Redux is implemented. A big thanks to Tyler for creating such an amazing course.

Vijay

Thanks to this course I was able to score a new job. It not only helps you understand redux but also gives you a clear picture of how the redux library built

Dipesh Bhardwaj

After taking a few course from Tyler, I went ahead with this without any second thought, and man it was totally worth my time. Right now I feel like a react-redux ninja :) As you go through the course, you can realize how much effort and passion Tyler have put into creating it for us. Thanks a ton Tyler.

Alex

Tyler's course not only teaches you how to use React and Redux but he takes the time to walk you through the internals of these tools, building them from scratch yourself. This alone is worth the price of his courses. You gain a complete understanding of what is happening "behind the scenes" of your React apps. I couldn't recommend this course more. It's a necessity when learning React and Redux.

Matheus Lustosa

This is - by far! - the best redux course I've ever had. So useful that I can now teach my colleagues at work, with confidence, about the inner workings of redux and demystify the "complexity" of it. It is extremely simple! Thanks a lot Tyler, you're my best friend.

Aparna Ashwin Krishna

I have been going through several of beginner and advanced React courses online. Though the other courses have these large applications built out, I wasnt feeling confident enough or rather I was feeling shaky about my concepts. Your course taught me what was going on underneath all those abstractions in the code and you offer fantastic coding tips! Extremely happy to have come across your courses! Bless the day I checked a reddit post on react courses !!

FAQ

What makes these courses different from other online courses?

Our courses are designed to teach you everything you need to know to confidently write production-ready code. The tradeoff is it will require more work and focus than a course that features a few bite-sized screencasts. Real learning takes time, but you can feel confident that once you've finished a course, you’ll have mastered everything you need to know with minimal knowledge gaps.

In which order should I take the courses?

If you're comfortable with JavaScript (including ES6) and want to jump straight to React, go with "React", "React Hooks", then any other course that looks interesting. If you're not comfortable with JavaScript, start with "Modern JavaScript", then "Advanced JavaScript", then any other course you'd like.

I need an official invoice with certain fields like VAT. Can I get one?

Once you sign up, as part of the welcome email, you'll be given a link to fill out where you can input all your company's info.

Do the courses have captions?

Yes.

What level of experience is required for getting the most out of these courses?

A fundamental understanding of JavaScript or familiarity with another programming language. For example, you should be comfortable with functions, arguments, loops, control flow, etc. If you want to jump straight in to the React courses, we recommend having a stronger knowledge of JavaScript, which you can get from our JavaScript courses if you’re unsure.

What projects will I build throughout the courses

You can find every project on the /projects page.

How long should I expect each course to take?

Naturally, it depends. Considering all our courses are comprised of video, text, quizzes, practice problems, and curriculum - 15-30 hours per course is a safe assumption.

How does the subscription work?

Like Netflix. You pay $40 per month or $350 per year for access to all our courses, premium newsletters, and events. Your subscription will be active until you cancel, which you can do at any time in your dashboard.