Section 1 : Getting Started

Lecture 1 Introduction 00:01:17 Duration
Lecture 2 What is React 00:02:56 Duration
Lecture 3 Join our Online Learning Community
Lecture 4 Real-World SPAs & React Web Apps 00:01:25 Duration
Lecture 5 Writing our First React Code 00:15:07 Duration
Lecture 6 Why Should we Choose React 00:02:04 Duration
Lecture 7 React Alternatives 00:01:12 Duration
Lecture 8 Understanding Single Page Applications and Mult 00:03:38 Duration
Lecture 9 Course Outline 00:07:29 Duration
Lecture 10 How to get the Most out of This Course 00:02:30 Duration
Lecture 11 Useful Resources & Links

Section 2 : Refreshing Next Generation JavaScript (Optional)

Lecture 1 Module Introduction 00:01:36 Duration
Lecture 2 Understanding let and const 00:03:05 Duration
Lecture 3 Arrow Functions 00:05:27 Duration
Lecture 4 Exports and Imports 00:04:44 Duration
Lecture 5 Understanding Classes 00:04:38 Duration
Lecture 6 Classes, Properties and Methods 00:03:03 Duration
Lecture 7 The Spread & Rest Operator 00:06:30 Duration
Lecture 8 Destructuring 00:03:14 Duration
Lecture 9 Reference and Primitive Types Refresher 00:04:26 Duration
Lecture 10 Refreshing Array Functions 00:02:46 Duration
Lecture 11 Wrap Up 00:00:52 Duration
Lecture 12 Next-Gen JavaScript - Summary
Lecture 13 JS Array Functions

Section 3 : Understanding the Base Features & Syntax

Lecture 1 Module Introduction 00:00:39 Duration
Lecture 2 The Build Workflow 00:08:00 Duration
Lecture 3 Using Create React App 00:06:10 Duration
Lecture 4 Understanding the Folder Structure 00:08:11 Duration
Lecture 5 Understanding Component Basics 00:05:32 Duration
Lecture 6 Understanding JSX 00:05:38 Duration
Lecture 7 JSX Restrictions 00:03:09 Duration
Lecture 8 Creating a Functional Component 00:08:09 Duration
Lecture 9 Components & JSX Cheat Sheet
Lecture 10 Working with Components & Re-Using Them 00:01:47 Duration
Lecture 11 Outputting Dynamic Content 00:03:02 Duration
Lecture 12 Working with Props 00:04:08 Duration
Lecture 13 Understanding the children Prop 00:02:56 Duration
Lecture 14 Understanding & Using State 00:07:17 Duration
Lecture 15 Props & State
Lecture 16 Handling Events with Methods 00:03:45 Duration
Lecture 17 To Which Events Can You Listen
Lecture 18 Manipulating the State 00:05:03 Duration
Lecture 19 Function Components Naming
Lecture 20 Using the useState() Hook for State Manipulati 00:13:51 Duration
Lecture 21 Stateless vs Stateful Components 00:03:08 Duration
Lecture 22 Passing Method References Between Components 00:07:05 Duration
Lecture 23 Adding Two Way Binding 00:06:51 Duration
Lecture 24 Adding Styling with Stylesheets 00:05:28 Duration
Lecture 25 Working with Inline Styles 00:04:15 Duration
Lecture 26 [OPTIONAL] Assignment Solution 00:22:28 Duration
Lecture 27 Useful Resources & Links

Section 4 : Working with Lists and Conditionals

Lecture 1 Module Introduction 00:01:04 Duration
Lecture 2 Rendering Content Conditionally 00:10:10 Duration
Lecture 3 Handling Dynamic Content The JavaScript Way. 00:04:49 Duration
Lecture 4 Outputting Lists (Intro) 00:01:31 Duration
Lecture 5 Outputting Lists 00:05:32 Duration
Lecture 6 Lists & State 00:04:12 Duration
Lecture 7 Updating State Immutably 00:02:39 Duration
Lecture 8 Lists & Keys 00:04:14 Duration
Lecture 9 Flexible Lists 00:07:34 Duration
Lecture 10 Wrap Up 00:01:56 Duration
Lecture 11 [OPTIONAL] Assignment Solution 00:17:17 Duration
Lecture 12 Useful Resources & Links

Section 5 : Styling React Components & Elements

Lecture 1 Module Introduction 00:01:19 Duration
Lecture 2 Outlining the Problem Set 00:01:58 Duration
Lecture 3 Setting Styles Dynamically 00:03:20 Duration
Lecture 4 Setting Class Names Dynamically 00:07:09 Duration
Lecture 5 Adding and Using Radium 00:07:00 Duration
Lecture 6 Using Radium for Media Queries 00:05:02 Duration
Lecture 7 Introducing Styled Components 00:08:16 Duration
Lecture 8 More on Styled Components 00:05:52 Duration
Lecture 9 Styled Components & Dynamic Styles 00:05:28 Duration
Lecture 10 Working with CSS Modules 00:15:21 Duration
Lecture 11 CSS Modules & Media Queries 00:03:16 Duration
Lecture 12 More on CSS Modules
Lecture 13 Useful Resources & Links

Section 6 : Debugging React Apps

Lecture 1 Module Introduction 00:00:55 Duration
Lecture 2 Understanding Error Messages 00:02:37 Duration
Lecture 3 Finding Logical Errors by using Dev Tools & So
Lecture 4 Working with the React Developer Tools 00:03:06 Duration
Lecture 5 Using Error Boundaries (React 16+) 00:08:14 Duration
Lecture 6 Wrap Up 00:00:57 Duration
Lecture 7 Useful Resources & Links

Section 7 : Diving Deeper into Components & React Internals

Lecture 1 Module Introduction 00:00:43 Duration
Lecture 2 A Better Project Structure 00:07:24 Duration
Lecture 3 Splitting an App Into Components 00:15:54 Duration
Lecture 4 Comparing Stateless and Stateful Components 00:03:46 Duration
Lecture 5 Class-based vs Functional Components 00:05:15 Duration
Lecture 6 class Component Lifecycle Overview 00:05:05 Duration
Lecture 7 Component Creation Lifecycle in Action 00:06:46 Duration
Lecture 8 Component Update Lifecycle (for props Changes) 00:15:37 Duration
Lecture 9 Component Update Lifecycle (for state Changes) 00:03:49 Duration
Lecture 10 Using useEffect() in Functional Components 00:03:49 Duration
Lecture 11 Controlling the useEffect() Behavior 00:03:40 Duration
Lecture 12 Cleaning up with Lifecycle Hooks & useEffect 00:06:49 Duration
Lecture 13 Cleanup Work with useEffect() - Example 00:01:37 Duration
Lecture 14 Using shouldComponentUpdate for Optimization 00:06:45 Duration
Lecture 15 Optimizing Functional Components with React 00:03:40 Duration
Lecture 16 When should you optimize 00:02:18 Duration
Lecture 17 PureComponents instead of shouldComponentUpda 00:03:35 Duration
Lecture 18 How React Updates the DOM 00:04:27 Duration
Lecture 19 Rendering Adjacent JSX Elements 00:09:00 Duration
Lecture 20 Windows Users Must Read
Lecture 21 Using React.Fragment 00:01:30 Duration
Lecture 22 Higher Order Components (HOC) - Introduction 00:04:21 Duration
Lecture 23 Another Form of HOCs 00:05:56 Duration
Lecture 24 Passing Unknown Props 00:04:58 Duration
Lecture 25 Setting State Correctly 00:05:13 Duration
Lecture 26 Using PropTypes 00:06:54 Duration
Lecture 27 Using Refs 00:07:38 Duration
Lecture 28 Refs with React Hooks 00:04:35 Duration
Lecture 29 Understanding Prop Chain Problems 00:04:56 Duration
Lecture 30 Using the Context API 00:10:03 Duration
Lecture 31 contextType & useContext 00:05:33 Duration
Lecture 32 Wrap Up 00:01:21 Duration
Lecture 33 Useful Resources & Links

Section 8 : A Real App The Burger Builder (Basic Version)

Lecture 1 About React Hooks
Lecture 2 Module Introduction 00:00:58 Duration
Lecture 3 Planning an App in React - Core Steps 00:02:33 Duration
Lecture 4 Planning our App - Layout and Component Tree. 00:10:58 Duration
Lecture 5 Planning the State 00:04:13 Duration
Lecture 6 MUST READ Enabling CSS Modules
Lecture 7 Setting up the Project 00:05:01 Duration
Lecture 8 Creating a Layout Component 00:10:02 Duration
Lecture 9 Starting Implementation of The Burger Builder 00:05:04 Duration
Lecture 10 Adding a Dynamic Ingredient Component 00:08:28 Duration
Lecture 11 Adding Prop Type Validation 00:02:49 Duration
Lecture 12 Starting the Burger Component 00:06:50 Duration
Lecture 13 Outputting Burger Ingredients Dynamically 00:09:44 Duration
Lecture 14 Calculating the Ingredient Sum Dynamically 00:05:11 Duration
Lecture 15 Adding the Build Control Component 00:07:27 Duration
Lecture 16 Outputting Multiple Build Controls 00:04:03 Duration
Lecture 17 Connecting State to Build Controls 00:08:23 Duration
Lecture 18 Removing Ingredients Safely 00:07:30 Duration
Lecture 19 Displaying and Updating the Burger Price 00:02:29 Duration
Lecture 20 Adding the Order Button 00:10:39 Duration
Lecture 21 Creating the Order Summary Modal 00:13:59 Duration
Lecture 22 Showing & Hiding the Modal (with Animation!) 00:06:59 Duration
Lecture 23 Implementing the Backdrop Component 00:08:23 Duration
Lecture 24 Adding a Custom Button Component 00:04:46 Duration
Lecture 25 Implementing the Button Component 00:04:54 Duration
Lecture 26 Adding the Price to the Order Summary 00:02:05 Duration
Lecture 27 Adding a Toolbar 00:09:11 Duration
Lecture 28 Using a Logo in our Application 00:06:40 Duration
Lecture 29 Adding Reusable Navigation Items 00:11:26 Duration
Lecture 30 Creating a Responsive Sidedrawer 00:07:44 Duration
Lecture 31 Working on Responsive Adjustments 00:04:35 Duration
Lecture 32 More about Responsive Adjustments 00:07:18 Duration
Lecture 33 Reusing the Backdrop 00:09:11 Duration
Lecture 34 Adding a Sidedrawer Toggle Button 00:06:28 Duration
Lecture 35 Adding a Hamburger Icon 00:02:20 Duration
Lecture 36 Improving the App - Introduction 00:01:11 Duration
Lecture 37 Prop Type Validation 00:01:18 Duration
Lecture 38 Improving Performance 00:08:48 Duration
Lecture 39 Using Component Lifecycle Methods 00:01:49 Duration
Lecture 40 Changing the Folder Structure 00:04:57 Duration
Lecture 41 Wrap Up 00:01:50 Duration
Lecture 42 Useful Resources & Links

Section 9 : Reaching out to the Web (Http Ajax)

Lecture 1 Module Introduction 00:01:04 Duration
Lecture 2 Understanding Http Requests in React 00:01:35 Duration
Lecture 3 Understanding our Project and Introducing 00:04:15 Duration
Lecture 4 Creating a Http Request to GET Data 00:05:29 Duration
Lecture 5 Rendering Fetched Data to the Screen 00:03:47 Duration
Lecture 6 Transforming Data 00:02:41 Duration
Lecture 7 Making a Post Selectable 00:04:01 Duration
Lecture 8 Fetching Data on Update (without Creating Inf 00:07:56 Duration
Lecture 9 POSTing Data to the Server 00:03:53 Duration
Lecture 10 Sending a DELETE Request 00:02:23 Duration
Lecture 11 Fixing a Bug 00:00:34 Duration
Lecture 12 Handling Errors Locally 00:03:24 Duration
Lecture 13 Adding Interceptors to Execute Code Globally 00:06:18 Duration
Lecture 14 Removing Interceptors
Lecture 15 Setting a Default Global Configuration for Ax 00:03:10 Duration
Lecture 16 Creating and Using Axios Instances 00:05:03 Duration
Lecture 17 Wrap Up 00:00:47 Duration
Lecture 18 Useful Resources & Links

Section 10 : Burger Builder Project Accessing a Server

Lecture 1 Module Introduction 00:01:52 Duration
Lecture 2 Firebase & The Right Database
Lecture 3 Creating the Firebase Project 00:03:27 Duration
Lecture 4 Creating the Axios Instance 00:02:42 Duration
Lecture 5 Sending a POST Request 00:07:46 Duration
Lecture 6 Displaying a Spinner while Sending a Request 00:09:20 Duration
Lecture 7 Handling Errors 00:12:04 Duration
Lecture 8 Retrieving Data from the Backend 00:11:22 Duration
Lecture 9 Removing Old Interceptors 00:08:25 Duration
Lecture 10 Useful Resources & Links

Section 11 : Multi-Page-Feeling in a Single-Page-App Routing

Lecture 1 Module Introduction 00:00:51 Duration
Lecture 2 Routing and SPAs 00:02:44 Duration
Lecture 3 Setting Up Links 00:04:22 Duration
Lecture 4 Setting Up the Router Package 00:04:47 Duration
Lecture 5 react-router vs react-router-dom
Lecture 6 Preparing the Project For Routing 00:05:13 Duration
Lecture 7 Setting Up and Rendering Routes 00:05:19 Duration
Lecture 8 Rendering Components for Routes 00:01:57 Duration
Lecture 9 Switching Between Pages 00:02:18 Duration
Lecture 10 Using Links to Switch Pages 00:04:03 Duration
Lecture 11 Using Routing-Related Props 00:03:12 Duration
Lecture 12 The withRouter HOC & Route Props 00:03:45 Duration
Lecture 13 Absolute vs Relative Paths 00:02:34 Duration
Lecture 14 Absolute vs Relative Paths (Article)
Lecture 15 Styling the Active Route 00:05:55 Duration
Lecture 16 Passing Route Parameters 00:06:54 Duration
Lecture 17 Extracting Route Parameters 00:03:04 Duration
Lecture 18 Parsing Query Parameters & the Fragment
Lecture 19 Using Switch to Load a Single Route 00:03:33 Duration
Lecture 20 Navigating Programmatically 00:03:26 Duration
Lecture 21 Additional Information Regarding Active Links 00:02:23 Duration
Lecture 22 Understanding Nested Routes 00:07:55 Duration
Lecture 23 Creating Dynamic Nested Routes 00:04:39 Duration
Lecture 24 Redirecting Requests 00:02:46 Duration
Lecture 25 Conditional Redirects 00:02:47 Duration
Lecture 26 Using the History Prop to Redirect (Replace) 00:02:50 Duration
Lecture 27 Working with Guards 00:03:46 Duration
Lecture 28 Handling the 404 Case (Unknown Routes) 00:03:02 Duration
Lecture 29 Loading Routes Lazily 00:11:49 Duration
Lecture 30 Lazy Loading with React Suspense (16.6) 00:09:47 Duration
Lecture 31 Routing and Server Deployment 00:04:19 Duration
Lecture 32 Wrap Up 00:00:49 Duration
Lecture 33 Useful Resources & Links

Section 12 : Adding Routing to our Burger Project

Lecture 1 Module Introduction 00:01:35 Duration
Lecture 2 Building the Checkout Container 00:11:32 Duration
Lecture 3 Setting Up Routing & Routes 00:04:41 Duration
Lecture 4 Navigating to the Checkout Page 00:04:51 Duration
Lecture 5 Navigating Back & To Next Page 00:03:33 Duration
Lecture 6 Passing Ingredients via Query Params 00:05:27 Duration
Lecture 7 Navigating to the Contact Data Component 00:09:34 Duration
Lecture 8 Order Submission & Passing Data Between Pages 00:11:44 Duration
Lecture 9 Adding an Orders Page 00:05:34 Duration
Lecture 10 Implementing Navigation Links 00:05:35 Duration
Lecture 11 Fetching Orders 00:06:04 Duration
Lecture 12 Outputting the Orders 00:07:35 Duration
Lecture 13 Wrap Up 00:01:07 Duration
Lecture 14 Useful Resources & Links

Section 13 : Forms and Form Validation

Lecture 1 Module Introduction 00:00:49 Duration
Lecture 2 Analyzing the App 00:01:50 Duration
Lecture 3 Creating a Custom Dynamic Input Component 00:11:31 Duration
Lecture 4 Setting Up a JS Config for the Form 00:07:32 Duration
Lecture 5 Dynamically Create Inputs based on JS Config 00:05:23 Duration
Lecture 6 Adding a Dropdown Component 00:03:52 Duration
Lecture 7 Handling User Input 00:07:43 Duration
Lecture 8 Handling Form Submission 00:04:11 Duration
Lecture 9 Adding Custom Form Validation 00:08:10 Duration
Lecture 10 Fixing a Common Validation Gotcha 00:01:18 Duration
Lecture 11 Adding Validation Feedback 00:05:12 Duration
Lecture 12 Improving Visual Feedback 00:02:18 Duration
Lecture 13 Showing Error Messages
Lecture 14 Handling Overall Form Validity 00:07:35 Duration
Lecture 15 Working on an Error 00:02:10 Duration
Lecture 16 Fixing a Bug 00:01:26 Duration
Lecture 17 INTRODUCTION TO BRAINMEASURES PRO

Section 14 : Redux

Lecture 1 Module Introduction 00:01:01 Duration
Lecture 2 Understanding State 00:01:51 Duration
Lecture 3 The Complexity of Managing State 00:02:42 Duration
Lecture 4 Understanding the Redux Flow 00:05:18 Duration
Lecture 5 Setting Up Reducer and Store 00:07:10 Duration
Lecture 6 Dispatching Actions 00:06:44 Duration
Lecture 7 Adding Subscriptions 00:02:47 Duration
Lecture 8 Connecting React to Redux 00:03:39 Duration
Lecture 9 Connecting the Store to React 00:08:19 Duration
Lecture 10 Dispatching Actions from within the Component 00:05:53 Duration
Lecture 11 Passing and Retrieving Data with Action 00:04:06 Duration
Lecture 12 Switch-Case in the Reducer 00:03:01 Duration
Lecture 13 Updating State Immutably 00:13:20 Duration
Lecture 14 Updating Arrays Immutably 00:08:39 Duration
Lecture 15 Immutable Update Patterns
Lecture 16 Outsourcing Action Types 00:05:19 Duration
Lecture 17 Combining Multiple Reducers 00:10:19 Duration
Lecture 18 Understanding State Types 00:04:50 Duration
Lecture 19 [OPTIONAL] Assignment Solution 00:14:23 Duration
Lecture 20 Combining Local UI State and Redux 00:07:39 Duration
Lecture 21 Wrap Up 00:01:42 Duration
Lecture 22 Useful Resources & Links

Section 15 : Adding Redux to our Project

Lecture 1 Module Introduction 00:05:26 Duration
Lecture 2 Installing Redux and React Redux 00:04:08 Duration
Lecture 3 Basic Redux Setup 00:02:10 Duration
Lecture 4 Finishing the Reducer for Ingredients 00:06:35 Duration
Lecture 5 Connecting the Burger Builder Container to 00:09:33 Duration
Lecture 6 Working on the Total Price Calculation 00:06:06 Duration
Lecture 7 Redux & UI State.mp4279. Redux & UI State 00:04:08 Duration
Lecture 8 Adjusting Checkout and Contact Data 00:09:10 Duration
Lecture 9 Wrap Up 00:02:38 Duration
Lecture 10 282. Useful Resources & Links

Section 16 : Redux Advanced

Lecture 1 Module Introduction 00:00:29 Duration
Lecture 2 Adding Middleware 00:07:47 Duration
Lecture 3 Using the Redux Devtools 00:07:32 Duration
Lecture 4 Executing Asynchronous Code - Introduction 00:01:52 Duration
Lecture 5 Introducing Action Creators 00:04:11 Duration
Lecture 6 Action Creators & Async Code 00:06:20 Duration
Lecture 7 Handling Asynchronous Code 00:08:14 Duration
Lecture 8 Restructuring Actions
Lecture 9 Where to Put Data Transforming Logic 00:05:43 Duration
Lecture 10 Using Action Creators and Get State 00:03:28 Duration
Lecture 11 Using Utility Functions 00:07:21 Duration
Lecture 12 A Leaner Switch Case Statement 00:03:15 Duration
Lecture 13 An Alternative Folder Structure 00:02:23 Duration
Lecture 14 Diving Much Deeper 00:02:07 Duration
Lecture 15 Wrap Up 00:01:00 Duration
Lecture 16 Useful Resources & Links

Section 17 : Redux Advanced Burger Project

Lecture 1 Module Introduction 00:01:13 Duration
Lecture 2 Installing the Redux Devtools 00:02:56 Duration
Lecture 3 Preparing the Folder Structure 00:03:06 Duration
Lecture 4 Creating Action Creators 00:06:16 Duration
Lecture 5 Executing Asynchronous Code 00:04:06 Duration
Lecture 6 Fetching Ingredients Asynchronously 00:07:50 Duration
Lecture 7 Initializing Ingredients in the BurgerBuilder 00:05:19 Duration
Lecture 8 Changing the Order of our Ingredients Manuall 00:02:12 Duration
Lecture 9 Adding Order Actions 00:06:40 Duration
Lecture 10 Connecting Contact Data Container & Actions 00:04:18 Duration
Lecture 11 The Order Reducer 00:05:30 Duration
Lecture 12 Working on Order Actions 00:04:28 Duration
Lecture 13 Redirect to Improve UX 00:03:08 Duration
Lecture 14 Combining Reducers 00:04:53 Duration
Lecture 15 Handling Purchases & Updating the UI 00:08:34 Duration
Lecture 16 Resetting the Price after Purchases 00:01:44 Duration
Lecture 17 Fetching Orders (via Redux) 00:13:45 Duration
Lecture 18 Checking our Implemented Functionalities 00:01:23 Duration
Lecture 19 Refactoring Reducers 00:08:11 Duration
Lecture 20 Refactoring Reducers Continued 00:07:55 Duration
Lecture 21 Wrap Up 00:00:57 Duration
Lecture 22 INTRODUCTION TO BRAINMEASURES PRO

Section 18 : dding Authentication to our Burger Project

Lecture 1 Module Introduction 00:01:14 Duration
Lecture 2 Understanding Authentication in Single Page A 00:03:02 Duration
Lecture 3 Required App Adjustments 00:00:53 Duration
Lecture 4 Adding an Auth Form 00:13:11 Duration
Lecture 5 Adding Actions 00:06:28 Duration
Lecture 6 Getting a Token from the Backend 00:06:59 Duration
Lecture 7 Adding Sign-In 00:05:30 Duration
Lecture 8 Storing the Token 00:09:00 Duration
Lecture 9 Adding a Spinner
Lecture 10 Logging Users Out 00:06:51 Duration
Lecture 11 Accessing Protected Resources 00:11:17 Duration
Lecture 12 Updating the UI Depending on Auth State 00:07:32 Duration
Lecture 13 Adding a Logout Link 00:06:53 Duration
Lecture 14 Forwarding Unauthenticated Users 00:08:19 Duration
Lecture 15 Redirecting the User to the Checkout Page 00:13:12 Duration
Lecture 16 Persistent Auth State with localStorage 00:14:36 Duration
Lecture 17 Fixing Connect + Routing Errors 00:06:59 Duration
Lecture 18 Ensuring App Security 00:02:50 Duration
Lecture 19 Guarding Routes 00:05:35 Duration
Lecture 20 Displaying User Specific Orders
Lecture 21 Wrap Up 00:00:44 Duration
Lecture 22 About Certification

Section 19 : Improving our Burger Project

Lecture 1 Module Introduction 00:00:40 Duration
Lecture 2 Fixing the Redirect to the Frontpage 00:05:48 Duration
Lecture 3 Using updateObject in the Entire App 00:06:45 Duration
Lecture 4 Sharing the Validation Method 00:02:16 Duration
Lecture 5 Using Environment Variables 00:02:36 Duration
Lecture 6 Removing console.log() 00:03:47 Duration
Lecture 7 Adding Lazy Loading 00:04:58 Duration
Lecture 8 Wrap Up 00:00:50 Duration
Lecture 9 About Certification

Section 20 : Testing

Lecture 1 Module Introduction 00:01:13 Duration
Lecture 2 What is Testing 00:03:09 Duration
Lecture 3 Required Testing Tools 00:02:26 Duration
Lecture 4 What To Test 00:02:50 Duration
Lecture 5 Writing our First Test 00:12:34 Duration
Lecture 6 Testing Components Continued 00:04:05 Duration
Lecture 7 Jest and Enzyme Documentations 00:06:28 Duration
Lecture 8 Testing Components Correctly 00:02:28 Duration
Lecture 9 Testing Containers 00:06:50 Duration
Lecture 10 How to Test Redux 00:05:10 Duration
Lecture 11 Wrap Up 00:01:27 Duration
Lecture 12 About Proctor Testing

Section 21 : Deploying the App to the Web

Lecture 1 Module Introduction 00:00:33 Duration
Lecture 2 Deployment Steps 00:02:58 Duration
Lecture 3 Building the Project 00:02:20 Duration
Lecture 4 Example Deploying on Firebase 00:04:07 Duration
Lecture 5 Wrap Up 00:00:42 Duration
Lecture 6 Lecture 4- About Proctor Testing

Section 22 : Bonus Working with Webpack

Lecture 1 Module Introduction 00:01:24 Duration
Lecture 2 DON'T SKIP Webpack Versions
Lecture 3 Introducing Webpack 00:01:15 Duration
Lecture 4 How Webpack works 00:02:40 Duration
Lecture 5 Basic Workflow Requirements 00:01:36 Duration
Lecture 6 Basic Workflow Requirements 00:01:36 Duration
Lecture 7 Project & npm Setup 00:03:47 Duration
Lecture 8 Creating a Basic Folder & File Structure 00:03:12 Duration
Lecture 9 Creating the Basic React Application 00:10:56 Duration
Lecture 10 Installing Production Dependencies 00:01:10 Duration
Lecture 11 Setting Up the Basic Webpack Config 00:06:41 Duration
Lecture 12 Adding File Rules & Babel 00:07:07 Duration
Lecture 13 Loading CSS Files 00:05:02 Duration
Lecture 14 Loading Images & Injecting into HTML Page 00:05:36 Duration
Lecture 15 Production Workflow & Wrap Up 00:02:43 Duration
Lecture 16 Adding babel-polyfill
Lecture 17 Useful Resources & Links

Section 23 : Bonus Next.js

Lecture 1 Module Introduction 00:01:12 Duration
Lecture 2 Understanding Server Side Rendering 00:03:18 Duration
Lecture 3 Setting Up a Project 00:06:02 Duration
Lecture 4 Understanding the Basics 00:03:54 Duration
Lecture 5 Next.js & Components & Pages 00:02:48 Duration
Lecture 6 Styling our App in Next.js 00:02:47 Duration
Lecture 7 Handling (404) Errors 00:02:02 Duration
Lecture 8 A Special Lifecycle Hook 00:09:33 Duration
Lecture 9 Deploying our App 00:03:00 Duration
Lecture 10 INTRODUCTION TO BRAINMEASURES PROCTO

Section 24 : Bonus Animations in React Apps

Lecture 1 Module Introduction 00:01:08 Duration
Lecture 2 Preparing the Demo Project 00:06:12 Duration
Lecture 3 Using CSS Transitions 00:04:34 Duration
Lecture 4 Using CSS Animations 00:05:32 Duration
Lecture 5 CSS Transition & Animations Limitations 00:04:04 Duration
Lecture 6 Using ReactTransitionGroup
Lecture 7 Using the Transition Component 00:03:24 Duration
Lecture 8 Wrapping the Transition Component 00:03:17 Duration
Lecture 9 Animation Timings 00:03:14 Duration
Lecture 10 Transition Events 00:02:33 Duration
Lecture 11 The CSSTransition Component 00:05:24 Duration
Lecture 12 Customizing CSS Classnames 00:02:31 Duration
Lecture 13 Animating Lists 00:06:53 Duration
Lecture 14 Alternative Animation Packages 00:04:29 Duration
Lecture 15 Wrap Up 00:01:57 Duration
Lecture 16 Useful Resources & Links

Section 25 : Bonus A Brief Introduction to Redux Saga

Lecture 1 Module Introduction 00:01:29 Duration
Lecture 2 Installing Redux Saga 00:02:40 Duration
Lecture 3 Creating our First Saga 00:06:07 Duration
Lecture 4 Hooking the Saga Up (to the Store and Actions 00:04:42 Duration
Lecture 5 Moving Logic from the Action Creator to a Sag 00:05:58 Duration
Lecture 6 Moving More Logic Into Sagas 00:10:03 Duration
Lecture 7 Handling Authentication with a Saga 00:11:07 Duration
Lecture 8 Handling Auto-Sign-In with a Saga 00:05:53 Duration
Lecture 9 Moving the BurgerBuilder Side Effects into a 00:07:01 Duration
Lecture 10 Moving the Orders Side Effects into Sagas 00:12:35 Duration
Lecture 11 Why Sagas can be Helpful 00:01:17 Duration
Lecture 12 Diving Deeper into Sagas 00:06:56 Duration
Lecture 13 INTRODUCTION TO BRAINMEASURES PROCTO

Section 26 : React Hooks

Lecture 1 Introduction 00:00:40 Duration
Lecture 2 What are React Hooks 00:07:08 Duration
Lecture 3 The Starting Project 00:04:57 Duration
Lecture 4 Getting Started with useState 00:09:20 Duration
Lecture 5 More on useState() & State Updating 00:11:54 Duration
Lecture 6 Array Destructuring 00:02:34 Duration
Lecture 7 Multiple States 00:03:47 Duration
Lecture 8 Rules of Hooks 00:02:21 Duration
Lecture 9 Passing State Data Across Components 00:07:56 Duration
Lecture 10 Sending Http Requests 00:07:17 Duration
Lecture 11 useEffect() & Loading Data 00:08:06 Duration
Lecture 12 Understanding useEffect() Dependencies 00:02:21 Duration
Lecture 13 More on useEffect() 00:09:37 Duration
Lecture 14 What's useCallback() 00:05:29 Duration
Lecture 15 Working with Refs & useRef() 00:05:21 Duration
Lecture 16 Cleaning Up with useEffect() 00:03:21 Duration
Lecture 17 Deleting Ingredients 00:02:29 Duration
Lecture 18 Loading Errors & State Batching 00:08:48 Duration
Lecture 19 More on State Batching & State Updates
Lecture 20 Understanding useReducer() 00:09:43 Duration
Lecture 21 Using useReducer() for the Http State 00:10:40 Duration
Lecture 22 Working with useContext() 00:08:27 Duration
Lecture 23 Performance Optimizations with useMemo() 00:10:30 Duration
Lecture 24 Getting Started with Custom Hooks 00:13:45 Duration
Lecture 25 Sharing Data Between Custom Hooks & Component 00:14:58 Duration
Lecture 26 Using the Custom Hook 00:08:11 Duration
Lecture 27 Wrap Up 00:03:05 Duration

Section 27 : Using Hooks in the Burger Builder

Lecture 1 Introduction 00:01:08 Duration
Lecture 2 Converting App 00:03:28 Duration
Lecture 3 Routing with React.lazy() 00:03:36 Duration
Lecture 4 Converting the Layout Component 00:02:39 Duration
Lecture 5 Converting withErrorHandler HOC 00:05:26 Duration
Lecture 6 Adjusting the Order & Checkout Containers 00:04:29 Duration
Lecture 7 Add Hooks to ContactData 00:05:39 Duration
Lecture 8 Converting the BurgerBuilder Container 00:04:26 Duration
Lecture 9 Adjusting Auth & Logout Components 00:06:01 Duration
Lecture 10 Using React.memo() & More! 00:04:31 Duration
Lecture 11 Adding a Custom Error Handling Hook 00:05:41 Duration
Lecture 12 Setting the right useEffect() Dependencies 00:04:59 Duration
Lecture 13 Working with useSelector() and useDispatch 00:11:33 Duration
Lecture 14 Wrap Up 00:01:03 Duration
Lecture 15 INTRODUCTION TO BRAINMEASURES PROCTO

Section 28 : Bonus Replacing Redux with React Hooks

Lecture 1 Module Introduction 00:00:49 Duration
Lecture 2 Starting Project & Why You Would Replace Redu 00:04:20 Duration
Lecture 3 Alternative Using the Context API 00:07:14 Duration
Lecture 4 Toggling Favorites with the Context API 00:05:44 Duration
Lecture 5 Context API Summary (and why NOT to use it in 00:02:30 Duration
Lecture 6 Getting Started with a Custom Hook as a Store 00:08:12 Duration
Lecture 7 Finishing the Store Hook 00:05:54 Duration
Lecture 8 Creating a Concrete Store 00:04:12 Duration
Lecture 9 Using the Custom Store 00:05:41 Duration
Lecture 10 Custom Hook Store Summary 00:03:14 Duration
Lecture 11 Optimizing the Custom Hook Store 00:04:05 Duration
Lecture 12 Bonus Managing Multiple State Slices with the
Lecture 13 Wrap Up 00:02:00 Duration
Lecture 14 INTRODUCTION TO BRAINMEASURES PROCTO

Section 29 : Bonus Building the Burger CSS

Lecture 1 Building the Burger CSS Code 00:24:56 Duration

Section 30 : Next Steps and Course Roundup

Lecture 1 Module Introduction 00:01:00 Duration
Lecture 2 React Rocks! Where to find more Examples 00:01:25 Duration
Lecture 3 More Inspiration Real-World Projects Built wi 00:01:24 Duration
Lecture 4 Static React Apps with Gatsby.js 00:02:31 Duration
Lecture 5 Introducing React Native 00:02:17 Duration
Lecture 6 Component Libraries (Example Material UI) 00:02:37 Duration
Lecture 7 Smaller Apps with Preact 00:03:09 Duration
Lecture 8 Comparing React with Preact 00:05:51 Duration
Lecture 9 Congratulations 00:01:16 Duration