Section Overview | First React Application
Set up the Portfolio App - Revised
Run the React App and the React Project Structure - Revised
ReactDOM Elements and JSX - Revised
A React Component - Revised
Classes Inheritance and a Closer Component Look
A React Rule: Never Directly Modify State
Class Properties and Initializers
Props and Project Component
Challenge: Social Profiles Component
Code: Social Profiles Component
Wrap up with Low-Hanging Styling Fruit
React from Scratch - Revised
Compiling Bundling and a Closer Look at JSX - Revised
Refactor the Portfolio to use Parcel - Revised
The Necessity of Bundlers and Transpilers Review
The DOM and React’s Virtual DOM
Lifecycle Methods and componentDidMount
Stateless Functional Components
Fetch and a Jokes Component
Challenge and Code: Ten More Jokes
Fetch Under the Hood: Promises
Higher Order Components - Revised
Section and Project Preview
Set up Music Master and Your Own React App Template - Revised
Track User Input in the State
Challenge and Code: Search an Artist’s Top Tracks
Challenge and Code: Artist Component
Search Component and Lifting State Up in Callback Props
Styling Finishing Touches
Include Music Master in Portfolio - Revised
Section and Project Preview
Set Up Evens or Odds and the Redux Store | Revised
Action Creators | Revised
Root Reducer Update and the Spread Operator | Revised
Split the Redux Layers | Revised
Connect React Components to Redux | Revised
Challenge and Code: Interactive Instructions
Note: The deckofcardsapi updated their CORS policy
CORS and Same Origin Policy
Redux Middleware | Revised
Split up and Combine Reducers | Revised
Challenge and Code: Draw Card Redux Flow
Challenge and Code: Card Component
Challenge and Code: Guess Redux Logic and Component | Revised
Correct Guess Record and Local Storage
Include Evens or Odds in Portfolio | Revised
Set Up Project One | Revised
First Hook: useState | Revised
Challenge and Code: Stories Component with UseEffect | Revised
Build a Custom Hook: useFetch
[Optional] Function Keyword vs Arrow Functions
Section Preview - Hooks Under the Hood
The React Runtime and How React Applies Hooks
Tasks Component Part 1: Multiple useState hooks
Dynamic Delay and Increment
Challenge and Code: Matrix Component
Build a Custom Hook: useDynamicTransition
The Reducer Pattern Overview
UseReducer for Tasks | Part 1
UseReducer for Tasks | Part 2
Challenge and Code: MessageBoard Component
UseContext and a Custom Context Hook
The PubSub and Reducer Architecture
PubSub Function and Reducer Connection
MessageReactions Component
React Fundamentals and Client vs. Server Components In Depth
Start the Next.js and React Project
Link to Pages with Next/Link | Grid Item
Next.js Fonts and Responsive Design
Next.js Client Components
Next.js Server Actions (get-followers)
Mailjet API post-contact Server Action and Next.js Environment Variables
React 18 useTransition and Create Contact Form
Next.js Layout Structure Loading.js and Global Components
Next.js Dynamic Segments and generateStaticParams | record/[id]
Next.js generateMetadata | record/[id]/page.js
React Suspense and React lazy | Embed
Next.js not-found and Route Groups
Nested Dynamic Segments | record/[id]/[content]
Breadcrumbs Component and Next.js useSelectedLayoutSegments | nav-title
The Console Operators and Variables
Booleans and Conditionals
Syntax - Semicolons and Comments
Functions - Declarations vs. Expressions
Methods and the `this` Keyword
More on `this` and Function Expressions vs. Arrow functions
Interview Question | The `this` Keyword
Interview Question | Callbacks
A Dynamic Language and Types
Almost Everything is an Object
Equality and Type Coercion
Interview Question | JavaScript Types
Var and Function Hoisting
Interview Question | Scope and Hoisting
Template Literals and Ternary Operators
The Property Shorthand and Destructuring Assignment
Object.is References and Shallow Clone
JSON.parse JSON.stringify and an Attempt at Deep Cloning
Custom and Lodash CloneDeep
Interview Question | Cloning an Object
Interview Question | Closures Higher-Order Functions and Callbacks
Object-Oriented Programming
Prototypes and the Prototype-Based Inheritance
Object Prototype .__proto__ and the prototype chain
Interview Question | Prototype-Based Inheritance
Asynchronous Code with SetTimeout
JavaScript Engine and Runtime
Interview Question | Asynchronous JavaScript