Introduction
  • What You’ll Get From Taking this Course
  • A 7m Overview of Web Development and React
  • [IMPORTANT] Course Repo and Software Installations
Welcome to React | First React Application
  • Section Overview | First React Application
  • Set up the Portfolio App
  • Run the React App and the React Project Structure
  • ReactDOM, Elements, and JSX
  • A React Component
  • Classes - Overview
  • Classes, Inheritance, and a Closer Component Look
  • State
  • SetState
  • A React Rule: Never Directly Modify State
  • Class Properties and Initializers
  • Component 2: Projects
  • Props and Project Component
  • Challenge: Social Profiles Component
  • Code: Social Profiles Component
  • Wrap up with Low-Hanging Styling Fruit
  • Section Summary
Breaking down React | React and Web Development
  • Section Overview
  • React from Scratch
  • Compiling, Bundling, and a Closer Look at JSX
  • Refactor the Portfolio to use Parcel
  • The Necessity of Bundlers and Transpilers Review
  • The DOM and React’s Virtual DOM
  • Section Summary
Continued Main React Concepts
  • Section Preview
  • Lifecycle Methods and componentDidMount
  • ComponentWillUnmount
  • [Optional] Title Fade
  • Stateless Functional Components
  • [Optional] HTTP Overview
  • Fetch and a Jokes Component
  • Challenge and Code: Ten More Jokes
  • Fetch Under the Hood: Promises
  • React Router
  • Header Component
  • Higher Order Components
  • Section Summary
Core React Project: MusicMaster 2.0
  • Section and Project Preview
  • Set up Music Master and Your Own React App Template
  • Track User Input in the State
  • Challenge and Code: Search an Artist’s Top Tracks
  • Challenge and Code: Artist Component
  • Tracks Component
  • Search Component and Lifting State Up in Callback Props
  • Styling Finishing Touches
  • Include Music Master in Portfolio
  • Section Summary
Core React Concepts Review
  • Core React Review
  • Core React - Glossary of Key Terms
Redux and more Advanced React
  • Section and Project Preview
  • Redux Overview
  • Set Up Evens or Odds and the Redux Store
  • Reducers
  • Actions
  • Action Creators
  • Root Reducer Update and the Spread Operator
  • Split the Redux Layers
  • Connect React Components to Redux
  • Redux-based UI
  • Map Dispatch to Props
  • Challenge and Code: Interactive Instructions
  • Fetch Deck of Cards
  • CORS and Same Origin Policy
  • Async Actions
  • Redux Middleware
  • Handle Fetch Cases
  • Split up and Combine Reducers
  • DrawCard Component
  • Challenge and Code: Draw Card Redux Flow
  • Challenge and Code: Card Component
  • Challenge and Code: Guess Redux Logic and Component
  • Track Correct Guesses
  • Correct Guess Record and Local Storage
  • Include Evens or Odds in Portfolio
  • Section Summary
Redux Project: Reaction
  • Section and Project Preview
  • Publish/Subscribe with Redux
  • Set Up the Reaction App
  • PubNub Exploration
  • PubSub Class and Redux Connection
  • Messages Redux Flow
  • Publish Message Component
  • React Context
  • Redux Devtools
  • Challenge and Code: Message Board Component
  • Challenge and Code: Username in Redux
  • Username in Messages
  • CreateReaction Component
  • Reactions Redux Flow