Redux

5
84 reviews

last updated 5 months ago

redux

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.

  • 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.

  • 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.

  • 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.

  • 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.

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 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.

  • 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.

  • 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.

  • 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.

The result?

Redux Mastery

The ability to take what you learn and apply it towards a production codebase

  • redux
  • redux
  • redux

This Course

  • 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

    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.

    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.

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

    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.

    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.

    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

    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.

    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.

    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.

    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 !!

    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.

    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!

    Master Redux today

    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.

    • Do the courses have captions?

      Yes.

    • 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.

    • 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.

    • 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.

    • 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.

    • 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.

    • What projects will I build throughout the courses

      You can find every project on the /projects page.

    5

    84 Reviews

    95%
    5%
    0%
    0%
    0%
    • Aparna A.
      5 months ago

      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 !!

    • Monika
      6 months ago

      Great resource if You want to really understand the not only principles and Redux flow, but what's more (and for me most valuable) you get a chance have Redux looks work under the hood, because of huge part of the course that it's focused on recreating core concepts. \nI highly recommend all Tyler courses, but this one especially stole my heart :)

    • Amen Moja Ra
      7 months ago

      I watch this course again and I really love the simple approach that it takes to learning Redux. An I really love I got to actually create the Redux Library.

    • Raudel
      7 months ago

      This is my third course, and one more time I have to say, this is the right place to learn. Thank you!

    • Matheus Lustosa
      7 months ago

      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.

    • Ashish
      7 months ago

      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!

    • Yijian ZONG
      8 months ago

      extremely helpful

    • L
      Lei
      8 months ago

      This course is really helped me to understand Redux from why to how implement that way.

    • Aaron Contreras
      9 months ago

      it's awesome how you explain it as it was just legos

    • Amandeep Singh
      10 months ago

      The best place for beginners to start Redux. A must do for anyone working with Redux.