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
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
Section 8 : A Real App The Burger Builder (Basic Version)
Section 9 : Reaching out to the Web (Http Ajax)
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
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 |