Modern React With Redux (updated 6/2022)

Master React and Redux with React Router, Webpack, and Create-React-App. Includes Hooks!

What you'll learn
Create dynamic web apps using the latest in web technology
Acquire the programming skills needed to obtain a software engineering job
Practice your skills with many large projects, exercises, and quizzes
Master the fundamentals concepts behind React and Redux
Become fluent in the toolchain supporting React, including NPM, Webpack, Babel, and ES6/ES2015 Javascript syntax
Be the engineer who explains how Redux works to everyone else, because you know the fundamentals so well
Realize the power of building reusable components
Requirements
A Mac or Windows Computer
Description
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 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 React!–––––––––––What will you build?This course features hundreds of videos with dozens of custom diagrams to help you understand how 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 discussion 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 propsFrom square one, understand how to build reusable componentsDive into the source code of Redux to understand how it works behind the scenesTest your knowledge and hone your skills with numerous coding exercisesIntegrate React with advanced browser features, even geolocation API's!Use popular styling libraries to build beautiful appsMaster different techniques of deployment so you can show off the apps you build!See different methods of building UI's through composition of componentsBesides 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.

Overview

Section 1: Let's Dive In!

Lecture 1 How to Get Help

Lecture 2 Join Our Community!

Lecture 3 Course Resources

Lecture 4 Let's Build an App!

Lecture 5 Critical Questions

Lecture 6 A Few More Critical Questions

Lecture 7 Node Setup

Lecture 8 Creating a React Project

Lecture 9 What is Create React App?

Section 2: Building Content with JSX

Lecture 10 Showing Basic Content

Lecture 11 So… What is JSX?

Lecture 12 Printing JavaScript Variables in JSX

Lecture 13 Shorthand JS Expressions

Lecture 14 Exercise Overview

Lecture 15 Exercise Solution

Lecture 16 Typical Component Layouts

Lecture 17 Customizing Elements with Props

Lecture 18 Converting HTML to JSX

Lecture 19 Applying Styling in JSX

Lecture 20 Exercise Solution

Section 3: Communicating with Props

Lecture 21 Three Tenets of Components

Lecture 22 Application Overview

Lecture 23 Semantic UI CDN Link

Lecture 24 Getting Some Free Styling

Lecture 25 Naive Component Approach

Lecture 26 IMPORTANT Info About Faker Installation

Lecture 27 Specifying Images in JSX

Lecture 28 Duplicating a Single Component

Lecture 29 Extracting JSX to New Components

Lecture 30 Component Nesting

Lecture 31 React's Props System

Lecture 32 Passing and Receiving Props

Lecture 33 Passing Multiple Props

Lecture 34 Passing Props - Solutions

Lecture 35 Component Reuse

Lecture 36 Implementing an Approval Card

Lecture 37 Showing Custom Children

Lecture 38 Component Reuse

Lecture 39 Optional Styling

Lecture 40 Exercise - Props

Lecture 41 Props Exercise Solution

Lecture 42 Exercise - Children

Lecture 43 Children Exercise Solution

Section 4: Structuring Apps with Class-Based Components

Lecture 44 Class-Based Components

Lecture 45 Application Overview

Lecture 46 Scaffolding the App

Lecture 47 Getting a Users Physical Location

Lecture 48 Resetting Geolocation Preferences

Lecture 49 Handling Async Operations with Functional Components

Lecture 50 Refactoring from Functional to Class Components

Section 5: State in React Components

Lecture 51 The Rules of State

Lecture 52 Initializing State Through Constructors

Lecture 53 Updating State Properties

Lecture 54 App Lifecycle Walkthrough

Lecture 55 Handling Errors Gracefully

Lecture 56 Conditionally Rendering Content

Section 6: Understanding Lifecycle Methods

Lecture 57 Introducing Lifecycle Methods

Lecture 58 Why Lifecycle Methods?

Lecture 59 Refactoring Data Loading to Lifecycle Methods

Lecture 60 Alternate State Initialization

Lecture 61 Passing State as Props

Lecture 62 Determining Season

Lecture 63 Ternary Expressions in JSX

Lecture 64 Icons Not Loading and CORS errors

Lecture 65 Showing Icons

Lecture 66 Extracting Options to Config Objects

Lecture 67 Adding Some Styling

Lecture 68 Showing a Loading Spinner

Lecture 69 Specifying Default Props

Lecture 70 Avoiding Conditionals in Render

Lecture 71 Optional Styling

Lecture 72 Breather and Review

Lecture 73 Exercise Solution - Class-Based Components

Lecture 74 Updating Components with State

Section 7: Handling User Input with Forms and Events

Lecture 75 App Overview

Lecture 76 Component Design

Lecture 77 Adding Some Project Structure

Lecture 78 Showing Forms to the User

Lecture 79 Adding a Touch of Style

Lecture 80 Creating Event Handlers

Lecture 81 Alternate Event Handler Syntax

Lecture 82 Uncontrolled vs Controlled Elements

Lecture 83 More on Controlled Elements

Lecture 84 Exercise Overview - Receiving Values

Lecture 85 Exercise Solution

Lecture 86 Handling Form Submittal

Lecture 87 Understanding 'this' In Javascript

Lecture 88 Solving Context Issues

Lecture 89 Communicating Child to Parent

Lecture 90 Invoking Callbacks in Children

Section 8: Making API Requests with React

Lecture 91 Fetching Data

Lecture 92 Axios vs Fetch

Lecture 93 Viewing Request Results

Lecture 94 Handling Requests with Async Await

Lecture 95 Setting State After Async Requests

Lecture 96 Binding Callbacks

Lecture 97 Creating Custom Clients

Section 9: Building Lists of Records

Lecture 98 Rendering Lists

Lecture 99 Review of Map Statements

Lecture 100 Rendering Lists of Components

Lecture 101 The Purpose of Keys in Lists

Lecture 102 Implementing Keys in Lists

Lecture 103 Exercise Overview - List Building

Lecture 104 Exercise Solution

Section 10: Using Ref's for DOM Access

Lecture 105 Grid CSS

Lecture 106 Issues with Grid CSS

Lecture 107 Creating an Image Card Component

Lecture 108 Accessing the DOM with Refs

Lecture 109 Accessing Image Height

Lecture 110 Callbacks on Image Load

Lecture 111 Dynamic Spans

Lecture 112 App Review

Section 11: Let's Test Your React Mastery!

Lecture 113 App Overview

Lecture 114 Component Design

Lecture 115 Scaffolding the App

Lecture 116 Reminder on Event Handlers

Lecture 117 Handling Form Submittal

Lecture 118 Accessing the Youtube API

Lecture 119 Searching for Videos

Lecture 120 Adding a Video Type

Lecture 121 Putting it All Together

Lecture 122 Updating State with Fetched Data

Lecture 123 Passing State as Props

Lecture 124 Rendering a List of Videos

Lecture 125 Rendering Video Thumbnails

Lecture 126 Styling a List

Lecture 127 Communicating from Child to Parent

Lecture 128 Deeply Nested Callbacks

Lecture 129 Conditional Rendering

Lecture 130 Styling the VideoDetail

Lecture 131 Displaying a Video Player

Lecture 132 Fixing a Few Warnings

Lecture 133 Defaulting Video Selection

Section 12: Understanding Hooks in React

Lecture 134 React Hooks

Lecture 135 Important Note

Lecture 136 App Architecture

Lecture 137 Communicating the Items Prop

Lecture 138 Building and Styling the Accordion

Lecture 139 Helper Functions in Function Components

Lecture 140 Introducing useState

Lecture 141 Understanding useState

Lecture 142 Setter Functions

Lecture 143 Expanding the Accordion

Lecture 144 Exercise Overview

Lecture 145 Exercise Solution

Lecture 146 Creating Additional Widgets

Lecture 147 The Search Widget Architecture

Lecture 148 Scaffolding the Widget

Lecture 149 Text Inputs with Hooks

Lecture 150 When do we Search?

Lecture 151 The useEffect Hook

Lecture 152 Testing Execution

Lecture 153 Async Code in useEffect

Lecture 154 Executing the Request from useEffect

Lecture 155 Default Search Terms

Lecture 156 List Building!

Lecture 157 XSS Attacks in React

Lecture 158 XSS Server Code

Lecture 159 Linking to a Wikipedia Page

Lecture 160 Only Search with a Term

Lecture 161 Throttling API Requests

Lecture 162 Reminder on setTimeout

Lecture 163 useEffect's Cleanup Function

Lecture 164 Implementing a Delayed Request

Lecture 165 Searching on Initial Render

Lecture 166 Edge Case When Clearing Out Input Form

Lecture 167 Optional Video - Fixing a Warning

Lecture 168 Dropdown Architecture

Lecture 169 Scaffolding the Dropdown

Lecture 170 A Lot of JSX

Lecture 171 Selection State

Lecture 172 Filtering the Option List

Lecture 173 Hiding and Showing the Option List

Lecture 174 Err… Why is this Hard?

Lecture 175 Reminder on Event Bubbling

Lecture 176 Applying What We've Learned

Lecture 177 React v17 Update - capture: true

Lecture 178 Binding an Event Handler

Lecture 179 Why Stay Open!?

Lecture 180 Which Element Was Clicked?

Lecture 181 Making use of useRef

Lecture 182 Important Update for Event Listeners

Lecture 183 Body Event Listener Cleanup

Lecture 184 The Translate Widget

Lecture 185 Scaffolding the Translate Component

Lecture 186 Adding the Language Input

Lecture 187 Understanding the Convert Component

Lecture 188 Google Translate API Key

Lecture 189 Building the Convert Component

Lecture 190 Using the Google Translate API

Lecture 191 Displaying Translated Text

Lecture 192 Debouncing Translation Updates

Lecture 193 Reviewing UseState and UseEffect

Lecture 194 Exercise Solution

Section 13: Navigation From Scratch

Lecture 195 Navigation in React

Lecture 196 Basic Component Routing

Lecture 197 Building a Reusable Route Component

Lecture 198 Implementing a Header for Navigation

Lecture 199 Handling Navigation

Lecture 200 Building a Link

Lecture 201 Changing the URL

Lecture 202 Detecting Navigation

Lecture 203 Updating the Route

Lecture 204 Handling Command Clicks

Section 14: Hooks in Practice

Lecture 205 Project Overview

Lecture 206 Refactoring the SearchBar

Lecture 207 Refactoring the App

Lecture 208 Removing a Callback

Lecture 209 Overview on Custom Hooks

Lecture 210 Process for Building Custom Hooks

Lecture 211 Extracting Video Logic

Lecture 212 Using the Custom Hook

Lecture 213 Exercise Overview - Custom Hooks

Lecture 214 Exercise Solution

Section 15: Deploying a React App

Lecture 215 Deployment Overview

Lecture 216 Deployment with Vercel

Lecture 217 Deployment with Netlify

Section 16: On We Go…To Redux!

Lecture 218 Introduction to Redux

Lecture 219 Redux by Analogy

Lecture 220 A Bit More Analogy

Lecture 221 Finishing the Analogy

Lecture 222 Mapping the Analogy to Redux

Lecture 223 Modeling with Redux

Lecture 224 Creating Reducers

Lecture 225 Rules of Reducers

Lecture 226 Testing Our Example

Lecture 227 Important Redux Notes

Lecture 228 Finished Insurance Policy Code

Section 17: Integrating React with Redux

Lecture 229 React Cooperating with Redux

Lecture 230 React, Redux, and…React-Redux!?

Lecture 231 Design of the Redux App

Lecture 232 How React-Redux Works

Lecture 233 Redux Project Structure

Lecture 234 Named vs Default Exports

Lecture 235 Building Reducers

Lecture 236 createStore Strikethrough Warning in Editor

Lecture 237 Wiring Up the Provider

Lecture 238 The Connect Function

Lecture 239 Configuring Connect with MapStateToProps

Lecture 240 Building a List with Redux Data

Lecture 241 Solution to Extracting More Data

Lecture 242 Calling Action Creators from Components

Lecture 243 Redux is Not Magic!

Lecture 244 Functional Components with Connect

Lecture 245 Conditional Rendering

Lecture 246 Exercise Solution - Connecting Components to Redux

Section 18: Async Actions with Redux Thunk

Lecture 247 App Overview and Goals

Lecture 248 Initial App Setup

Lecture 249 Tricking Redux with Dummy Reducers

Lecture 250 A Touch More Setup

Lecture 251 How to Fetch Data in a Redux App

Lecture 252 Wiring Up an Action Creator

Lecture 253 Making a Request From an Action Creator

Lecture 254 Understanding Async Action Creators

Lecture 255 More on Async Action Creators

Lecture 256 Middlewares in Redux

Lecture 257 Behind the Scenes of Redux Thunk

Lecture 258 Shortened Syntax with Redux Thunk

Section 19: Redux Store Design

Lecture 259 Rules of Reducers

Lecture 260 Return Values from Reducers

Lecture 261 Argument Values

Lecture 262 Pure Reducers

Lecture 263 Mutations in Javascript

Lecture 264 Equality of Arrays and Objects

Lecture 265 A Misleading Rule

Lecture 266 Safe State Updates in Reducers

Lecture 267 Switch Statements in Reducers

Lecture 268 Reducer Case Solution

Lecture 269 Dispatching Correct Values

Lecture 270 List Building!

Lecture 271 Displaying Users

Lecture 272 Fetching Singular Records

Lecture 273 Displaying the User Header

Lecture 274 Finding Relevant Users

Lecture 275 Extracting Logic to MapStateToProps

Lecture 276 That's the Issue!

Lecture 277 Memoizing Functions

Lecture 278 Memoization Issues

Lecture 279 One Time Memoization

Lecture 280 Alternate Overfetching Solution

Lecture 281 Action Creators in Action Creators!

Lecture 282 Finding Unique User Ids

Lecture 283 Quick Refactor with Chain

Lecture 284 Optional Styling

Lecture 285 App Wrapup

Section 20: Navigation with React Router

Lecture 286 App Outline

Lecture 287 Mockups in Detail

Lecture 288 App Challenges

Lecture 289 Initial Setup

Lecture 290 IMPORTANT - React Router Installation Update

Lecture 291 Introducing React Router

Lecture 292 How React Router Works

Lecture 293 How Paths Get Matched

Lecture 294 How to *Not* Navigate with React Router

Lecture 295 Navigating with React Router

Lecture 296 [Optional] - Different Router Types

Lecture 297 Component Scaffolding

Lecture 298 Wiring Up Routes

Lecture 299 Always Visible Components

Lecture 300 Connecting the Header

Lecture 301 Links Inside Routers

Lecture 302 Exercise Overview - Additional Routes

Lecture 303 Exercise Solution

Section 21: Handling Authentication with React

Lecture 304 OAuth-Based Authentication

Lecture 305 OAuth for Servers vs Browser Apps

Lecture 306 Creating OAuth Credentials

Lecture 307 Wiring Up the Google API Library

Lecture 308 Required plugin_name Parameter - Do Not Skip

Lecture 309 Sending a User Into the OAuth Flow

Lecture 310 Rendering Authentication Status

Lecture 311 Updating Auth State

Lecture 312 Displaying Sign In and Sign Out Buttons

Lecture 313 On-Demand Sign In and Sign Out

Lecture 314 Redux Architecture Design

Lecture 315 Redux Setup

Lecture 316 Connecting Auth with Action Creators

Lecture 317 Building the Auth Reducer

Lecture 318 Handling Auth Status Through Redux

Lecture 319 Fixed Action Types

Lecture 320 Recording the User's ID

Section 22: Redux Dev Tools

Lecture 321 Using Redux Dev Tools to Inspect the Store

Lecture 322 Debug Sessions with Redux Dev Tools

Section 23: Handling Forms with Redux Form

Lecture 323 Important Note about Redux Form Installation

Lecture 324 Forms with Redux Form

Lecture 325 Useful Redux Form Examples

Lecture 326 Connecting Redux Form

Lecture 327 Creating Forms

Lecture 328 Automatically Handling Events

Lecture 329 Customizing Form Fields

Lecture 330 Handling Form Submission

Lecture 331 Validation of Form Inputs

Lecture 332 Displaying Validation Messages

Lecture 333 Showing Errors on Touch

Lecture 334 Highlighting Errored Fields

Section 24: REST-Based React Apps

Lecture 335 Creating Streams

Lecture 336 REST-ful Conventions

Lecture 337 Setting Up an API Server

Lecture 338 Creating Streams Through Action Creators

Lecture 339 Creating a Stream with REST Conventions

Lecture 340 Dispatching Actions After Stream Creation

Lecture 341 Bulk Action Creators

Lecture 342 Object-Based Reducers

Lecture 343 Key Interpolation Syntax

Lecture 344 Handling Fetching, Creating, and Updating

Lecture 345 Deleting Properties with Omit

Lecture 346 Merging Lists of Records

Lecture 347 Fetching a List of All Streams

Lecture 348 Rendering All Streams

Lecture 349 Associating Streams with Users

Lecture 350 Conditionally Showing Edit and Delete

Lecture 351 Linking to Stream Creation

Lecture 352 When to Navigate Users

Lecture 353 History References

Lecture 354 History Object Deprecation Warning

Lecture 355 Creating a Browser History Object

Lecture 356 Implementing Programmatic Navigation

Lecture 357 Manually Changing API Records

Lecture 358 URL-Based Selection

Lecture 359 Wildcard Navigation

Lecture 360 More on Route Params

Lecture 361 Selecting Records from State

Lecture 362 Component Isolation with React Router

Lecture 363 Fetching a Stream for Edit Stream

Lecture 364 Real Code Reuse!

Lecture 365 Refactoring Stream Creation

Lecture 366 Setting Initial Values

Lecture 367 Avoiding Changes to Properties

Lecture 368 Edit Form Submission

Lecture 369 PUT vs PATCH Requests

Section 25: Using React Portals

Lecture 370 Why Use Portals?

Lecture 371 More on Using Portals

Lecture 372 Creating a Portal

Lecture 373 Hiding a Modal

Lecture 374 Making the Modal Reusable

Lecture 375 React Fragments

Lecture 376 OnDismiss From the Parent

Lecture 377 Reminder on Path Params

Lecture 378 Fetching the Deletion Stream

Lecture 379 Conditionally Showing Stream Details

Lecture 380 Deleting a Stream

Lecture 381 Exercise Overview - Closing the Modal

Lecture 382 Exercise Solution

Section 26: Implementing Streaming Video

Lecture 383 Viewing a Stream

Lecture 384 Switches with React-Router

Lecture 385 Showing a Stream

Lecture 386 RTMP NodeMediaServer is not a constructor error fix

Lecture 387 RTMP Server Setup

Lecture 388 OBS Installation

Lecture 389 OBS Scene Setup

Lecture 390 Video Player Setup

Lecture 391 Implementing FLV JS

Lecture 392 Creating a FLV Player

Lecture 393 Optional Player Building

Lecture 394 It Works!

Lecture 395 Cleaning Up with ComponentWillUnmount

Lecture 396 Optional Styling

Lecture 397 Exercise Overview - Adding Some Filtering

Lecture 398 Exercise Solution

Lecture 399 Refactor to use React Final Form instead of Redux Form

Section 27: The Context System with React

Lecture 400 The Context System

Lecture 401 An App with Context

Lecture 402 App Generation

Lecture 403 Selecting a Language

Lecture 404 A Touch More Setup

Lecture 405 Getting Data Out of Context

Lecture 406 Creating Context Objects

Lecture 407 Consuming the Context Value

Lecture 408 The Context Provider

Lecture 409 Gotchas Around Providers

Lecture 410 Accessing Data with Consumers

Lecture 411 Pulling From Multiple Contexts

Lecture 412 Exercise Overview - Consuming Context Values From Providers

Lecture 413 Exercise Solution

Section 28: Replacing Redux with Context

Lecture 414 Replacing Redux with Context?

Lecture 415 Creating a Store Component

Lecture 416 Implementing a Language Store

Lecture 417 Rendering the Language Store

Lecture 418 Connecting the Selector to the Store

Lecture 419 Connecting the Field and Button to the Store

Lecture 420 Context vs Redux Recap

Lecture 421 That's All For Now

Section 29: Section 1 - OLD

Lecture 422 Small Update

Lecture 423 Our First App

Lecture 424 Critical Questions!

Lecture 425 Installing Node JS

Lecture 426 Why Create React App?

Lecture 427 Important Update About React App Generation

Lecture 428 Generating a React Project

Lecture 429 Exploring a Create-React-App Project

Lecture 430 Starting and Stopping a React App

Lecture 431 JavaScript Module Systems

Lecture 432 ReactDom.render is no longer supported warning

Lecture 433 Displaying Content with Functional Components

Section 30: Section 2 - OLD

Lecture 434 Small Update

Lecture 435 Important Note About Viewing Errors

Lecture 436 What is JSX?

Lecture 437 Converting HTML to JSX

Lecture 438 Inline Styling with JSX

Lecture 439 Converting Styling to JSX Format

Lecture 440 Class vs ClassName

Lecture 441 Referencing JS Variables in JSX

Lecture 442 Values JSX Can't Show

Lecture 443 Finding Forbidden Property Names

Lecture 444 Exercise Introduction

Lecture 445 JSX Exercise Solution

Section 31: Important - Do Not Skip

Lecture 446 Note on the Following Section

Section 32: Working with Older Versions of React

Lecture 447 Important - Do Not Skip

Lecture 448 Introduction - Github Links for Project Files!

Lecture 449 Completed Projects - Github Links

Lecture 450 Purpose of Boilerplate Projects

Lecture 451 Project Setup

Lecture 452 A Taste of JSX

Lecture 453 Environment Setup

Lecture 454 More on JSX

Lecture 455 Quick Note - Getting Different Error Messages

Lecture 456 ES6 Import Statements

Lecture 457 ReactDOM vs React

Lecture 458 Differences Between Component Instances and Component Classes

Lecture 459 Render Targets

Lecture 460 Component Structure

Lecture 461 Youtube Search API Signup

Lecture 462 Export Statements

Lecture 463 Class-Based Components

Lecture 464 Handling User Events

Lecture 465 Introduction to State

Lecture 466 More on State

Lecture 467 Controlled Components

Lecture 468 Breather and Review

Lecture 469 Youtube Search Response

Lecture 470 Refactoring Functional Components to Class Components

Lecture 471 Props

Lecture 472 Building Lists with Map

Lecture 473 List Item Keys

Lecture 474 Video List Items

Lecture 475 Detail Component and Template Strings

Lecture 476 Handling Null Props

Lecture 477 Video Selection

Lecture 478 Styling with CSS

Lecture 479 Searching for Videos

Lecture 480 Throttling Search Term Input

Lecture 481 React Wrapup

Lecture 482 Foreword on Redux

Lecture 483 What is Redux?

Lecture 484 More on Redux

Lecture 485 Even More on Redux!

Lecture 486 Putting Redux to Practice

Lecture 487 Reducers

Lecture 488 Containers - Connecting Redux to React

Lecture 489 Containers Continued

Lecture 490 Implementation of a Container Class

Lecture 491 Containers and Reducers Review

Lecture 492 Actions and Action Creators

Lecture 493 Binding Action Creators

Lecture 494 Creating an Action

Lecture 495 Consuming Actions in Reducers

Lecture 496 Consuming Actions in Reducers Continued

Lecture 497 Conditional Rendering

Lecture 498 Reducers and Actions Review

Lecture 499 App Overview and Planning

Lecture 500 Component Setup

Lecture 501 Controlled Components and Binding Context

Lecture 502 Form Elements in React

Lecture 503 Working with API's

Lecture 504 Introduction to Middleware

Lecture 505 Ajax Requests with Axios

Lecture 506 Redux-Promise in Practice

Lecture 507 Redux-Promise Continued

Lecture 508 Avoiding State Mutations in Reducers

Lecture 509 Building a List Container

Lecture 510 Mapping Props to a Render Helper

Lecture 511 Adding Sparkline Charts

Lecture 512 Making a Reusable Chart Component

Lecture 513 Labeling of Units

Lecture 514 Google not Defined Errors

Lecture 515 Google Maps Integration

Lecture 516 Google Maps Integration Continued

Lecture 517 Project Review

Lecture 518 App Overview and Goals

Lecture 519 Posts API

Lecture 520 Quick Note

Lecture 521 Installing React Router

Lecture 522 What React Router Does

Lecture 523 The Basics of React Router

Lecture 524 Route Design

Lecture 525 Our First Route Definition

Lecture 526 State as an Object

Lecture 527 Back to Redux - Index Action

Lecture 528 Implementing Posts Reducer

Lecture 529 Action Creator Shortcuts

Lecture 530 Rendering a List of Posts

Lecture 531 Creating New Posts

Lecture 532 A React Router Gotcha

Lecture 533 Navigation with the Link Component

Lecture 534 Redux Form

Lecture 535 Setting Up Redux Form

Lecture 536 The Field Component

Lecture 537 Generalizing Fields

Lecture 538 Validating Forms

Lecture 539 Showing Errors to Users

Lecture 540 Handling Form Submittal

Lecture 541 Form and Field States

Lecture 542 Conditional Styling

Lecture 543 More on Navigation

Lecture 544 Create Post Action Creator

Lecture 545 Navigation Through Callbacks

Lecture 546 The Posts Show Component

Lecture 547 Receiving New Posts

Lecture 548 Selecting from OwnProps

Lecture 549 Data Dependencies

Lecture 550 Caching Records

Lecture 551 Deleting a Post

Lecture 552 Wrapup

Lecture 553 Note on the Following Videos

Lecture 554 Basics of Redux Thunk

Lecture 555 Combining Redux and Firebase

Lecture 556 Dynamic Forms with Redux Form

Lecture 557 Logicless Components with Reselect

Lecture 558 Data Loading Methods with Redux

Lecture 559 Animation of React Components

Lecture 560 The Best Way to Store Redux Data

Lecture 561 Four Most Common Errors with React and Redux

Lecture 562 Modals in React and Redux Apps

Lecture 563 Deployment of React/Webpack Apps

Lecture 564 BrowserHistory in Production

Lecture 565 React Integration with 3rd Party Libraries

Lecture 566 Introducing JSPlaygrounds for Rapid Prototyping

Lecture 567 What is React? CodePen Mini Project

Lecture 568 React Router + Redux Form v4

Lecture 569 App Overview and Goals

Lecture 570 Exploring the Posts Api

Lecture 571 Installing React Router

Lecture 572 React Router - What is It?

Lecture 573 Setting Up React Router

Lecture 574 Route Configuration

Lecture 575 Nesting Of Routes

Lecture 576 IndexRoutes with React Router

Lecture 577 Back To Redux - Index Action

Lecture 578 Catching Data with Posts Reducer

Lecture 579 Catching Data with Posts Reducer Continued

Lecture 580 Fetching Data with Lifecycle Methods

Lecture 581 Fetching Data with Lifecycle Methods Continued

Lecture 582 Creating New Posts

Lecture 583 Navigation with the Link Component

Lecture 584 Forms and Form Submission

Lecture 585 More on Forms and Form Submission

Lecture 586 Passing Control to Redux Form

Lecture 587 CreatePost Action Creator

Lecture 588 Form Validation

Lecture 589 Form Validation Continued

Lecture 590 Navigating on Submit

Lecture 591 Posts Index

Lecture 592 Dynamic Route Params

Lecture 593 Loading Data on Render

Lecture 594 Handling Null Props

Lecture 595 Delete Action Creator

Lecture 596 Navigate on Delete

Lecture 597 ReactRouter and ReduxForm Wrapup

Section 33: Bonus!

Lecture 598 Bonus!

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