
About Course
Modern React with Redux in 2020
Course Last Updated for React v16.6.3 and Redux v4.0.1! All content is brand new! The update includes detailed videos on the new React Hooks system.
Congratulations! You’ve found the most popular, most complete, and most up-to-date resource online for learning React and Redux!
Thousands of other engineers have learned to React and Redux, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how React and Redux work and will get you a new job working as a software engineer or help you build that app you’ve always been dreaming about.
The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.
React is the most popular Javascript library of the last five years, and the job market is still hotter than ever. Companies large and small can’t hire engineers who understand React and Redux fast enough, and salaries for engineers are at an all-time high. It’s a great time to learn to React!
———————-
What will you build?
This course features hundreds of videos with dozens of custom diagrams to help you understand how to React and Redux work. No prior experience with either is necessary. Through tireless, patient explanations, and many interesting practical examples, you’ll learn the fundamentals of building dynamic and live web apps using React.
Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You’ll find plenty of discussions added in to help you understand exactly when and where to use each feature of React and Redux.
My guarantee to you: there is no other course online that teaches more features of React and Redux. This is the most comprehensive resource there is.
Below is a partial list of the topics you’ll find in this course:
- Master the fundamental features of React, including JSX, state, and props
- From square one, understand how to build reusable components
- Dive into the source code of Redux to understand how it works behind the scenes
- Test your knowledge and hone your skills with numerous coding exercises
- Integrate React with advanced browser features, even geolocation API!
- Use popular styling libraries to build beautiful apps
- Master different techniques of deployment so you can show off the apps you build!
- See different methods of building UI’s through the composition of components
Besides just React and Redux, you’ll pick up countless other tidbits of knowledge, including ES2015 syntax, popular design patterns, even the clearest explanation of the keyword ‘this’ in Javascript that you’ll ever hear.
This is the course I wanted to take when I first learned React: complete, up-to-date, and clear.
Who this course is for:
- Programmers looking to learn React
- Developers who want to grow out of just using jQuery
- Engineers who have researched React but have had trouble mastering some concepts
Course Content
Modern React with Redux
-
Introduction Github Links for Project Files
00:00 -
The Purpose of Boilerplate Projects
00:00 -
Environment Setup
00:00 -
Project Setup
00:00 -
A Taste of JSX
00:00 -
More on JSX
00:00 -
ES6 Import Statements
00:00 -
ReactDOM vs React
00:00 -
Differences Between Component Instances and Component Classes
00:00 -
Render Targets
00:00 -
Component Structure
00:00 -
Youtube Search API Signup
00:00 -
Export Statements
00:00 -
Class Based Components
00:00 -
Handling User Events
00:00 -
Introduction to State
00:00 -
More on State
00:00 -
Controlled Components
00:00 -
Breather and Review
00:00 -
Generating a React Project
00:00 -
Why Create React App
00:00 -
Exploring a Create React App Project
00:00 -
Starting and Stopping a React App
00:00 -
Javascript Module Systems
00:00 -
Displaying Content with Functional Components
00:00 -
What is JSX
00:00 -
Converting HTML to JSX
00:00 -
Inline Styling with JSX
00:00 -
Converting Styling to JSX Format
00:00 -
Class vs ClassName
00:00 -
Referencing JS Variables in JSX
00:00 -
Values JSX Can’t Show
00:00 -
Finding Forbidden Property Names
00:00 -
Exercise Introduction
00:00 -
JSX Exercise Solution
00:00 -
Three Tenets of Components
00:00 -
Application Overview
00:00 -
Getting Some Free Styling
00:00 -
Naive Component Approach
00:00 -
Specifying Images in JSX
00:00 -
Duplicating a Single Component
00:00 -
Extracting JSX to New Components
00:00 -
Component Nesting
00:00 -
React’s Props System
00:00 -
Passing and Receiving Props
00:00 -
Passing Multiple Props
00:00 -
Passing Props Solutions
00:00 -
Component Reuse
00:00 -
Implementing an Approval Card
00:00 -
Showing Custom Children
00:00 -
Component Reuse
00:00 -
Exercise Props
00:00 -
Props Exercise Solution
00:00 -
Exercise Children
00:00 -
Children Exercise Solution
00:00 -
Class Based Components
00:00 -
Application Overview
00:00 -
Scaffolding the App
00:00 -
Getting a Users Physical Location
00:00 -
Resetting Geolocation Preferences
00:00 -
Handling Async Operations with Functional Components
00:00 -
Refactoring from Functional to Class Components
00:00 -
The Rules of State
00:00 -
Initializing State Through Constructors
00:00 -
Updating State Properties
00:00 -
App Lifecycle Walkthrough
00:00 -
Handling Errors Gracefully
00:00 -
Conditionally Rendering Content
00:00 -
Introducing Lifecycle Methods
00:00 -
Why Lifecycle Methods
00:00 -
Refactoring Data Loading to Lifecycle Methods
00:00 -
Alternate State Intialization
00:00 -
Passing State as Props
00:00 -
Ternary Expressions in JSX
00:00 -
Showing Icons
00:00 -
Extracting Options to Config Objects
00:00 -
Adding Some Styling
00:00 -
Showing a Loading Spinner
00:00 -
Specifying Default Props
00:00 -
Avoiding Conditionals in Render
00:00 -
Breather and Review
00:00 -
Exercise Solution Class Based Components
00:00 -
Updating Components with State
00:00 -
Handling User Input with Forms and Events
00:00 -
Handling User Input with Forms and Events
00:00 -
Handling User Input with Forms and Events
00:00 -
Handling User Input with Forms and Events
00:00 -
Adding a Touch of Style
00:00 -
Creating Event Handlers Handling User Input with Forms and Events
00:00 -
Alternate Event Handler Syntax Handling User Input with Forms and Event
00:00