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 Concepts Review
  • Core React Review
  • Core React - Glossary of Key Terms
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
Conclusion and Course Sequel
  • Congratulations and Course Sequel
  • Redux Overview [Redux Bootcamp Preview]
  • Bonus Content!
Deprecrated Content
  • Deprecrated Content
[Deprecated] Building CountdownChamp - Your First React Application
  • Wireframing CountdownChamp
  • Building Your First Application
  • Editing the Application
  • Creating Your First Component
  • Structuring the Application
  • Introducing State
  • Updating State
  • Changing Data with the Input Field
  • Creating a Clock Component
  • Introducing Props
  • Coding Break: Updating State
  • Calculating Time Until
  • Hooking with LifeCycle Methods
  • Adding Helper Methods with Ternary Expressions
  • Styling with React Bootstrap
  • Summary and Challenges
[Deprecated] Building MusicMaster - with an API
  • IMPORTANT: Before You Start MusicMaster
  • Wireframing MusicMaster
  • Setting Up MusicMaster
  • Creating the App Component
  • Styling with Bootstrap
  • Searching for Artists
  • Coding Break: Web Requests
  • Preparing a Web Request
  • Fetching Data with a Url
  • Building the Artist Profile
  • Styling New Components with CSS
  • Expanding the Fetch Request
  • Building a Gallery
  • Playing Audio with JavaScript
  • Pausing a Track
  • Animated Styling
  • Summary and Challenges
[Deprecated] Building ReminderPro - with Redux and Cookies