There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme. First, you'll start off by building your own Redux. Then, once you understand the ins and outs of Redux, you'll look at how to hook that up to a vanilla JavaScript UI. Then, you'll see how React and Redux work together by swapping out your UI with React.
Redux
7h 13m 23s
English
Paid
Redux is a 32-lesson 7 hours 13 minutes self-paced course by UI.dev (Tyler McGinnis). There's no better strategy for learning a new technology than building your own version of it.
Course facts
- Lessons
- 32
- Duration
- 7 hours 13 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- UI.dev (Tyler McGinnis)
- Price
- Premium
After that, we'll address the issues between our React and Redux implementation which will lead us to building our own version of the react-redux bindings. After all of this, you'll take your knowledge of the Redux ecosystem and build a real world application.
Pre-Requisites:
You'll be tempted to jump straight into Redux when you first start using React. Don't do this. If you're already familiar with React and modern JavaScript (ES2015+), this course is perfect for you. If not, this may not be the right starting point for you. Check out our 'React' and 'Modern JavaScript' courses which will be a better fit.
What you'll learn:
Redux
- createStore
- getState
- subscribe
- dispatch
- Reducers
- Actions
- Combining Reducers
- Middleware
- Thunk Middleware
- Logger Middleware
- Utilizing Constants
- Action Creators
- Architectural Patterns
- Redux with JS UI
- Redux with vanilla React
- Normalizing data structures
- Handling Asynchronous Events
- Optimistic Updates
- Error Handling
- Immutability
- Hot Module Replacement
- Time Travel Debugging
Advanced React
- Performance
- Higher Order Components
- React Router v4
- Render Props
- Context.Provider
- Context.Consumer
- Folder Structure
Who is this course for?
- Developers who are comfortable with React and are curious about what benefits Redux will give them.
- Developers who have been trying to learn Redux but are frustrated with the current ecosystem of learning resources.
- Front end developers wanting to modernize their skill set in order to get a raise or apply for another job.
- Mid to Sr level developers who are confident in their ability to learn quickly and want the quickest approach to learning Redux for production.
- Jr developers who are comfortable with JavaScript and React and want to better contribute to their Redux apps at work.
- Developers who want to understand how Redux works under the hood.
- Developers who want to learn how the react-redux bindings work under the hood.
- Developers who have tried and failed to learn Redux before.
Who teaches Redux? UI.dev (Tyler McGinnis)
UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.
Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.
The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.
What lessons are included in Redux?
0:00
/ #1: Redux Course Introduction
All Course Lessons (32)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Redux Course Introduction Demo | 05:13 | |
| 2 | The React-Redux Ecosystem | 09:19 | |
| 3 | Firebase Schema | 13:48 | |
| 4 | Redux Schema | 17:51 | |
| 5 | Redux Actions | 11:20 | |
| 6 | Part 1- Transforming State with Reducers | 14:51 | |
| 7 | Part 2- Transforming State with Reducers | 24:34 | |
| 8 | Up and Running with React and Redux | 07:05 | |
| 9 | Adding React Router to your Redux Project | 04:32 | |
| 10 | Improving your Developer Experience with Redux | 26:23 | |
| 11 | Home Route | 19:12 | |
| 12 | Authentication Mocks | 09:14 | |
| 13 | Connecting our first React Component to Redux | 29:34 | |
| 14 | Redux Thunks | 05:33 | |
| 15 | Route Protection with React Router | 18:31 | |
| 16 | Auth with Firebase | 24:58 | |
| 17 | Developer Tooling with Redux | 03:18 | |
| 18 | combineReducers in Redux. | 22:20 | |
| 19 | Saving data to Firebase in Redux | 22:20 | |
| 20 | Redux Listeners Module | 01:40 | |
| 21 | Firebase Listener | 13:57 | |
| 22 | Architecting a Redux React App | 16:59 | |
| 23 | Managing Normalized Data in Redux and Firebase | 08:42 | |
| 24 | Duck UI | 08:05 | |
| 25 | Fetching Initial Date with Redux and Firebase in React | 03:10 | |
| 26 | Profile UI | 25:20 | |
| 27 | Duck Details UI | 18:33 | |
| 28 | Creating Replies in Redux | 11:14 | |
| 29 | Lists in Redux | 13:48 | |
| 30 | URL State in Redux. | 04:32 | |
| 31 | Video 1- Refactoring to Immutable.js | 09:58 | |
| 32 | Video 2- Refactoring to Immutable.js | 07:29 |
Unlock unlimited learning
Get instant access to all 31 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to Redux?
-
Updated 1y agoReact Simplified - Advanced
By: Web Dev Simplified (Kyle Cook)Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d11h 34m5/5 -
Updated 2y agoReact Redux Ecommerce - Master MERN Stack Web Development
By: UdemyMaster MERN Stack Web Development building Ultimate E-commerce app with React Redux Ant Design Firebase NodeJs and MongoDB.43h 9m5/5 -
Updated 2y agoThe essential guide to Firebase with React.
By: UdemyCreate modern app using modern technologies. Do you want to create web applications with Firebase and React ?. This is the course for you.31h 20m -
Updated 2y agoAdd React Storybook to a Project
By: egghead.ioIn this lesson, we show how to setup React Storybook into an existing React project. We’ll go through common configuration files and how to adjust them.3m -
ClassicThe Joy of React
By: Josh ComeauThe all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.25h 35m5/5 -
Updated 2y agoCrash Course: Build a Full-Stack Web App in a Weekend!
By: UdemyDo you want to learn the fundamentals of modern web development fast ? Do you want to find out if building websites and apps is the right career path for you?12h 13m -
Updated 2y agoReact Three Fiber: The Ultimate Guide to 3D Web Developmen
By: Wawa Sensei3D development is a vast field with many different techniques. This comprehensive guide will give you the necessary tools to get started and resources to.9h 18m5/5 -
Updated 2y agoMERN Stack Web Development with Ultimate Authentication
By: UdemyLearn how to build a full MERN app with clear and safe auth. You work with JWT, roles, and deploy the project to a live server.9h 24m
More courses by UI.dev (Tyler McGinnis)
-
Updated 2y agoReact Router v4
For good reason, React Router is the most popular 3rd party library in the React ecosystem. If you're using React, odds are you're also using React Router. Reac6h 44m -
Updated 2y agoReact Hooks
If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.3h 47m -
Updated 2y agoReact Fundamentals
If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of develo4h 36m -
Updated 2y agoReact Native
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 73h 46m -
ClassicThe interactive way to master modern React - react.gg (FULL COURSE)
OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i7h 53m5/5 -
Updated 3y agoTypeScript course
Types are fundamental to TypeScript, so naturally you'll need to be familiar with the base types that exist in JavaScript. We'll start the course off with some6h 27m
Frequently asked questions
What prerequisites should I have before taking this course?
Before enrolling, you should have a solid understanding of JavaScript and basic web development concepts. Familiarity with React is beneficial, as the course includes lessons on integrating Redux with React. No prior experience with Redux is necessary since the course starts with building your own Redux from scratch.
What will I build during the course?
Throughout the course, you will build your own Redux implementation and connect it to a vanilla JavaScript UI. Later, you will swap out the UI with React to see how React and Redux work together. Additionally, you'll work on integrating Firebase for data storage and authentication, and create a Redux-React app with features like routing and state management.
Who is the target audience for this course?
The course is designed for developers who have a basic understanding of JavaScript and are looking to deepen their understanding of state management in web applications using Redux. It's particularly useful for those who want to learn how to create scalable applications with React and Redux.
How does this course compare in depth to other Redux courses?
Unlike many other courses, this course takes a unique approach by having you build a version of Redux yourself. This hands-on strategy ensures a deep understanding of how Redux operates internally. It also covers integration with Firebase and React, providing a comprehensive view of using Redux in modern web applications.
What specific tools and platforms are covered in the course?
The course covers Redux, React, Firebase, and React Router. You will learn how to manage state with Redux and connect it with React components. It also includes lessons on using Redux Thunks for asynchronous actions and refactoring code with Immutable.js for better state management.
What topics are not covered in this course?
The course does not cover advanced topics like Redux middleware beyond Thunks, server-side rendering with Redux, or optimizing performance for large-scale applications. It focuses on fundamental concepts and practical integration with React and Firebase.
What is the time commitment for completing the course?
The course consists of 32 lessons, and the total runtime is not specified. However, given the depth of content, you should expect to spend several hours per week if you aim to complete it within a month. The time commitment may vary based on your prior experience with the technologies covered.