Companies Home Search Profile

React - The Complete Guide (Includes Hooks, React Router, and Redux) - Second Edition

Focused View

Academind by Maximilian Schwarzmüller

47:59:59

145 View
  • 00001 Welcome to the Course.mp4
    01:04
  • 00002 What is React.js.mp4
    04:37
  • 00003 Why React Instead of Just JavaScript.mp4
    07:25
  • 00004 Building Single-Page Applications SPAs with React.mp4
    01:33
  • 00005 Exploring React.js Alternatives Angular Vue.mp4
    03:33
  • 00006 About This Course and Course Outline.mp4
    08:27
  • 00007 The Two Ways Paths of Taking This Course.mp4
    04:22
  • 00008 Getting the Most Out of This Course.mp4
    04:16
  • 00009 Setting Up the Course Dev Environment.mp4
    05:04
  • 00010 Module Introduction.mp4
    01:36
  • 00011 Understanding let and const.mp4
    03:05
  • 00012 Arrow Functions.mp4
    05:27
  • 00013 Exports and Imports.mp4
    04:43
  • 00014 Understanding Classes.mp4
    04:37
  • 00015 Classes Properties and Methods.mp4
    03:03
  • 00016 The Spread and Rest Operator.mp4
    06:30
  • 00017 Destructuring.mp4
    03:13
  • 00018 Reference and Primitive Types Refresher.mp4
    04:26
  • 00019 Refreshing Array Functions.mp4
    02:46
  • 00020 Wrap Up.mp4
    00:52
  • 00021 Module Introduction.mp4
    03:44
  • 00022 What are Components And Why is React All About Them.mp4
    07:10
  • 00023 React Code is Written in a Declarative Way.mp4
    03:42
  • 00024 Creating a New React Project.mp4
    12:23
  • 00025 Analyzing a Standard React Project.mp4
    13:05
  • 00026 Introducing JSX.mp4
    04:00
  • 00027 How React Works.mp4
    04:23
  • 00028 Building a First Custom Component.mp4
    09:02
  • 00029 Writing More Complex JSX Code.mp4
    05:05
  • 00030 Adding Basic CSS Styling.mp4
    04:47
  • 00031 Outputting Dynamic Data and Working with Expressions in JSX.mp4
    08:20
  • 00032 Passing Data via props.mp4
    12:38
  • 00033 Adding normal JavaScript Logic to Components.mp4
    05:57
  • 00034 Splitting Components into Multiple Components.mp4
    10:46
  • 00035 Time to Practice - React and Component Basics - Problem.mp4
    02:31
  • 00036 Time to Practice - React and Component Basics - Solution.mp4
    07:25
  • 00037 The Concept of Composition children props.mp4
    13:07
  • 00038 A First Summary.mp4
    04:06
  • 00039 A Closer Look at JSX.mp4
    09:10
  • 00040 Organizing Component Files.mp4
    03:05
  • 00041 An Alternative Function Syntax.mp4
    02:48
  • 00042 Module Introduction.mp4
    02:27
  • 00043 Listening to Events and Working with Event Handlers.mp4
    09:39
  • 00044 How Component Functions are Executed.mp4
    05:46
  • 00045 Working with State.mp4
    10:54
  • 00046 A Closer Look at the useState Hook.mp4
    07:36
  • 00047 Adding Form Inputs.mp4
    09:58
  • 00048 Listening to User Input.mp4
    05:17
  • 00049 Working with Multiple States.mp4
    06:44
  • 00050 Using One State Instead and What s Better.mp4
    04:51
  • 00051 Updating State that Depends on the Previous State.mp4
    04:37
  • 00052 Handling Form Submission.mp4
    04:54
  • 00053 Adding Two-Way Binding.mp4
    02:57
  • 00054 Child-to-Parent Component Communication.mp4
    13:56
  • 00055 Lifting the State Up.mp4
    07:00
  • 00056 Time to Practice - Working with Events and State - Problem.mp4
    02:32
  • 00057 Time to Practice - Working with Events and State - Solution.mp4
    08:42
  • 00058 Controlled Versus Uncontrolled Components and Stateless Versus Stateful Components.mp4
    05:22
  • 00059 Module Introduction.mp4
    00:45
  • 00060 Rendering Lists of Data.mp4
    07:07
  • 00061 Using Stateful Lists.mp4
    04:30
  • 00062 Understanding Keys.mp4
    06:59
  • 00063 Time to Practice - Working with Lists - Problem.mp4
    01:15
  • 00064 Time to Practice - Working with Lists - Solution.mp4
    04:44
  • 00065 Outputting Conditional Content.mp4
    06:47
  • 00066 Adding Conditional Return Statements.mp4
    05:21
  • 00067 Time to Practice - Conditional Content - Problem.mp4
    01:01
  • 00068 Time to Practice - Conditional Content - Solution.mp4
    05:47
  • 00069 Demo App - Adding a Chart.mp4
    07:25
  • 00070 Adding Dynamic Styles.mp4
    07:28
  • 00071 Wrap Up and Next Steps.mp4
    11:13
  • 00072 Module Introduction.mp4
    03:44
  • 00073 Setting Dynamic Inline Styles.mp4
    08:59
  • 00074 Setting CSS Classes Dynamically.mp4
    05:00
  • 00075 Introducing Styled Components.mp4
    09:46
  • 00076 Styled Components and Dynamic Props.mp4
    08:31
  • 00077 Styled Components and Media Queries.mp4
    02:27
  • 00078 Using CSS Modules.mp4
    06:58
  • 00079 Dynamic Styles with CSS Modules.mp4
    05:31
  • 00080 Module Introduction.mp4
    01:34
  • 00081 Understanding React Error Messages.mp4
    06:19
  • 00082 Analyzing Code Flow and Warnings.mp4
    05:53
  • 00083 Working with Breakpoints.mp4
    06:03
  • 00084 Using the React DevTools.mp4
    06:07
  • 00085 Module Introduction.mp4
    02:56
  • 00086 Adding a User Component.mp4
    07:06
  • 00087 Adding a Reusable Card Component.mp4
    08:37
  • 00088 Adding a Reusable Button Component.mp4
    03:50
  • 00089 Managing the User Input State.mp4
    04:57
  • 00090 Adding Validation and Resetting Logic.mp4
    04:34
  • 00091 Adding an Users List Component.mp4
    10:45
  • 00092 Managing a List of Users via State.mp4
    09:27
  • 00093 Adding the ErrorModal Component.mp4
    08:04
  • 00094 Managing the Error State.mp4
    08:57
  • 00095 Module Introduction.mp4
    00:49
  • 00096 JSX Limitations and Workarounds.mp4
    08:47
  • 00097 Creating a Wrapper Component.mp4
    04:14
  • 00098 React Fragments.mp4
    02:43
  • 00099 Introducing React Portals.mp4
    04:20
  • 00100 Working with Portals.mp4
    12:25
  • 00101 Working with refs.mp4
    11:47
  • 00102 Controlled Versus Uncontrolled Components.mp4
    03:12
  • 00103 Module Introduction.mp4
    01:35
  • 00104 What are Side Effects and Introducing useEffect.mp4
    06:52
  • 00105 Using the useEffect Hook.mp4
    10:58
  • 00106 useEffect and Dependencies.mp4
    09:01
  • 00107 Using the useEffect Cleanup Function.mp4
    08:55
  • 00108 useEffect Summary.mp4
    03:38
  • 00109 Introducing useReducer and Reducers in General.mp4
    09:17
  • 00110 Using the useReducer Hook.mp4
    14:12
  • 00111 useReducer and useEffect.mp4
    09:52
  • 00112 useReducer Versus useState for State Management.mp4
    03:35
  • 00113 Introducing React Context.mp4
    07:22
  • 00114 Using the React Context API.mp4
    10:44
  • 00115 Tapping into Context with the useContext Hook.mp4
    01:42
  • 00116 Making Context Dynamic.mp4
    04:35
  • 00117 Building and Using a Custom Context Provider Component.mp4
    09:08
  • 00118 React Context Limitations.mp4
    02:45
  • 00119 Learning the Rules of Hooks.mp4
    07:10
  • 00120 Refactoring an Input Component.mp4
    06:06
  • 00121 Diving into Forward Refs.mp4
    13:39
  • 00122 Module Introduction.mp4
    02:49
  • 00123 Starting Setup.mp4
    04:10
  • 00124 Adding a Header Component.mp4
    09:07
  • 00125 Adding the Cart Button Component.mp4
    05:26
  • 00126 Adding a Meals Component.mp4
    09:08
  • 00127 Adding Individual Meal Items and Displaying Them.mp4
    09:30
  • 00128 Adding a Form.mp4
    10:09
  • 00129 Working on the Shopping Cart Component.mp4
    05:11
  • 00130 Adding a Modal via a React Portal.mp4
    07:42
  • 00131 Managing Cart and Modal State.mp4
    10:48
  • 00132 Adding a Cart Context.mp4
    07:43
  • 00133 Using the Context.mp4
    04:52
  • 00134 Adding a Cart Reducer.mp4
    10:45
  • 00135 Working with Refs and Forward Refs.mp4
    10:49
  • 00136 Outputting Cart Items.mp4
    07:23
  • 00137 Working on a More Complex Reducer Logic.mp4
    05:29
  • 00138 Making Items Removable.mp4
    08:18
  • 00139 Using the useEffect Hook.mp4
    07:53
  • 00140 Module Introduction.mp4
    02:16
  • 00141 How React Really Works.mp4
    07:22
  • 00142 Component Updates in Action.mp4
    06:52
  • 00143 A Closer Look at Child Component Re-Evaluation.mp4
    10:41
  • 00144 Preventing Unnecessary Re-Evaluations with React.memo.mp4
    11:36
  • 00145 Preventing Function Recreation with useCallback.mp4
    04:13
  • 00146 useCallback and its Dependencies.mp4
    07:10
  • 00147 A First Summary.mp4
    04:01
  • 00148 A Closer Look at State and Components.mp4
    03:30
  • 00149 Understanding State Scheduling and Batching.mp4
    09:05
  • 00150 Optimizing with useMemo.mp4
    09:01
  • 00151 Module Introduction.mp4
    02:10
  • 00152 What and Why.mp4
    04:53
  • 00153 Adding the First Class-Based Component.mp4
    06:55
  • 00154 Working with State and Events.mp4
    11:38
  • 00155 The Component Lifecycle Class-Based Components Only.mp4
    05:20
  • 00156 Lifecycle Methods in Action.mp4
    11:46
  • 00157 Class-Based Components and Context.mp4
    04:53
  • 00158 Class-based versus Functional Components - A Summary.mp4
    02:42
  • 00159 Introducing Error Boundaries.mp4
    10:01
  • 00160 Module Introduction.mp4
    01:46
  • 00161 How to Connect to a Database.mp4
    03:32
  • 00162 Our Starting App and Backend.mp4
    03:52
  • 00163 Sending a GET Request.mp4
    10:35
  • 00164 Using async await.mp4
    02:01
  • 00165 Handling Loading and Data States.mp4
    04:45
  • 00166 Handling HTTP Errors.mp4
    11:13
  • 00167 Using useEffect for Requests.mp4
    06:27
  • 00168 Preparing the Project for the Next Steps.mp4
    06:16
  • 00169 Sending a POST Request.mp4
    09:16
  • 00170 Wrap Up.mp4
    01:16
  • 00171 Module Introduction.mp4
    01:25
  • 00172 What are Custom Hooks.mp4
    01:44
  • 00173 Creating a Custom React Hook Function.mp4
    06:39
  • 00174 Using Custom Hooks.mp4
    04:45
  • 00175 Configuring Custom Hooks.mp4
    05:51
  • 00176 Onwards to a More Realistic Example.mp4
    06:45
  • 00177 Building a Custom HTTP Hook.mp4
    09:16
  • 00178 Using the Custom HTTP Hook.mp4
    07:45
  • 00179 Adjusting the Custom Hook Logic.mp4
    08:45
  • 00180 Using the Custom Hook in More Components.mp4
    09:02
  • 00181 Module Introduction.mp4
    01:36
  • 00182 Our Starting Setup.mp4
    01:41
  • 00183 What s so Complex about Forms.mp4
    05:08
  • 00184 Dealing with Form Submission and Getting User Input Values.mp4
    10:04
  • 00185 Adding Basic Validation.mp4
    03:57
  • 00186 Providing Validation Feedback.mp4
    03:54
  • 00187 Handling the was touched State.mp4
    05:40
  • 00188 React to Lost Focus.mp4
    04:16
  • 00189 Refactoring and Deriving States.mp4
    09:07
  • 00190 Managing the Overall Form Validity.mp4
    07:30
  • 00191 Time to Practice - Forms - Problem.mp4
    01:22
  • 00192 Time to Practice - Forms - Solution.mp4
    05:45
  • 00193 Adding a Custom Input Hook.mp4
    12:44
  • 00194 Reusing the Custom Hook.mp4
    02:54
  • 00195 A Challenge for You.mp4
    01:41
  • 00196 Applying Our Hook and Knowledge to a New Form.mp4
    11:05
  • 00197 Summary.mp4
    03:17
  • 00198 Bonus - Using useReducer.mp4
    08:22
  • 00199 Module Introduction.mp4
    03:21
  • 00200 Moving Meals Data to the Backend.mp4
    04:05
  • 00201 Fetching Meals via HTTP.mp4
    09:28
  • 00202 Handling the Loading State.mp4
    04:00
  • 00203 Handling Errors.mp4
    07:44
  • 00204 Adding A Checkout Form.mp4
    10:47
  • 00205 Reading Form Values.mp4
    04:51
  • 00206 Adding Form Validation.mp4
    12:04
  • 00207 Submitting and Sending Cart Data.mp4
    06:48
  • 00208 Adding Better User Feedback.mp4
    09:28
  • 00209 Summary.mp4
    01:39
  • 00210 Module Introduction.mp4
    01:05
  • 00211 Another Look at State in React Apps.mp4
    05:14
  • 00212 Redux versus React Context.mp4
    06:19
  • 00213 How Redux Works.mp4
    05:48
  • 00214 Exploring the Core Redux Concepts.mp4
    15:14
  • 00215 More Redux Basics.mp4
    03:04
  • 00216 Preparing a New Project.mp4
    01:59
  • 00217 Creating a Redux Store for React.mp4
    04:58
  • 00218 Providing the Store.mp4
    03:13
  • 00219 Using Redux Data in React Components.mp4
    05:08
  • 00220 Dispatching Actions from Inside Components.mp4
    03:33
  • 00221 Redux with Class-Based Components.mp4
    10:20
  • 00222 Attaching Payloads to Actions.mp4
    04:15
  • 00223 Working with Multiple State Properties.mp4
    06:19
  • 00224 How to Work with Redux State Correctly.mp4
    05:07
  • 00225 Redux Challenges and Introducing Redux Toolkit.mp4
    05:27
  • 00226 Adding State Slices.mp4
    08:11
  • 00227 Connecting Redux Toolkit State.mp4
    04:47
  • 00228 Migrating Everything to Redux Toolkit.mp4
    06:20
  • 00229 Working with Multiple Slices.mp4
    11:50
  • 00230 Reading and Dispatching from a New Slice.mp4
    06:57
  • 00231 Splitting Our Code.mp4
    05:03
  • 00232 Summary.mp4
    03:53
  • 00233 Module Introduction.mp4
    00:39
  • 00234 Redux and Side Effects and Asynchronous Code.mp4
    03:27
  • 00235 Refresher Practice - Part 1.mp4
    20:12
  • 00236 Refresher Practice - Part2.mp4
    18:00
  • 00237 Redux and Async Code.mp4
    04:28
  • 00238 Frontend Code Versus Backend Code.mp4
    05:40
  • 00239 Where to Put Our Logic.mp4
    08:59
  • 00240 Using useEffect with Redux.mp4
    06:00
  • 00241 Handling HTTP States and Feedback with Redux.mp4
    12:49
  • 00242 Using an Action Creator Thunk.mp4
    12:07
  • 00243 Getting Started with Fetching Data.mp4
    08:39
  • 00244 Finalizing the Fetching Logic.mp4
    05:16
  • 00245 Exploring the Redux DevTools.mp4
    05:38
  • 00246 Summary.mp4
    02:01
  • 00247 Module Introduction.mp4
    02:53
  • 00248 What is Routing and Why.mp4
    05:06
  • 00249 Installing React Router.mp4
    02:42
  • 00250 Defining and Using Routes.mp4
    10:33
  • 00251 Working with Links.mp4
    06:53
  • 00252 Using NavLinks.mp4
    03:25
  • 00253 Adding Dynamic Routes with Params.mp4
    06:20
  • 00254 Extracting Route Params.mp4
    02:26
  • 00255 Using Switch and exact for Configuring Routes.mp4
    06:54
  • 00256 Working with Nested Routes.mp4
    03:52
  • 00257 Redirecting the User.mp4
    02:25
  • 00258 Time to Practice - Onwards to a New Project.mp4
    11:00
  • 00259 Practice Redirecting and Extracting Params.mp4
    03:57
  • 00260 Practicing Nested Routes.mp4
    02:56
  • 00261 Adding a Layout Wrapper Component.mp4
    06:45
  • 00262 Adding Dummy Data and More Content.mp4
    05:16
  • 00263 Outputting Data on the Details Page.mp4
    06:08
  • 00264 Adding a Not Found Page.mp4
    03:37
  • 00265 Implementing Programmatic Imperative Navigation.mp4
    04:15
  • 00266 Preventing Possibly Unwanted Route Transitions with the Prompt Component.mp4
    07:27
  • 00267 Working with Query Parameters.mp4
    13:41
  • 00268 Getting Creative with Nested Routes.mp4
    04:17
  • 00269 Writing More Flexible Routing Code.mp4
    08:43
  • 00270 Sending and Getting Quote Data via HTTP.mp4
    17:33
  • 00271 Adding the Comments Feature.mp4
    18:40
  • 00272 Upgrading To React Router v6.mp4
    29:59
  • 00273 Module Introduction.mp4
    01:39
  • 00274 Deployment Steps.mp4
    03:35
  • 00275 Adding Lazy Loading.mp4
    13:27
  • 00276 Building the Code for Production.mp4
    03:41
  • 00277 Getting Started with Deployment Uploading Files.mp4
    07:49
  • 00278 Exploring Routing Issues and Finishing Deployment.mp4
    07:57
  • 00279 Module Introduction.mp4
    01:39
  • 00280 What How and Why.mp4
    12:11
  • 00281 Starting Setup and First Steps.mp4
    04:45
  • 00282 Adding User Signup.mp4
    15:32
  • 00283 Showing Feedback to the User.mp4
    05:36
  • 00284 Adding User Login.mp4
    06:36
  • 00285 Managing the Auth State with Context.mp4
    11:49
  • 00286 Using the Token for Requests to Protected Resources.mp4
    11:08
  • 00287 Redirecting the User.mp4
    02:59
  • 00288 Adding Logout.mp4
    02:42
  • 00289 Protecting Frontend Pages.mp4
    07:01
  • 00290 Persisting the User Authentication Status.mp4
    07:06
  • 00291 Adding Auto-Logout.mp4
    07:57
  • 00292 Finishing Steps.mp4
    11:10
  • 00293 Module Introduction.mp4
    02:08
  • 00294 What is NextJS.mp4
    04:45
  • 00295 Key Feature 1 - Built-In Server-Side Rendering Improved SEO.mp4
    06:37
  • 00296 Key Feature 2 - Simplified Routing with File-Based Routing.mp4
    03:13
  • 00297 Key Feature 3 - Build Fullstack Apps.mp4
    01:50
  • 00298 Creating a New Next.js Project and App.mp4
    05:39
  • 00299 Analyzing the Created Project.mp4
    02:52
  • 00300 Adding First Pages.mp4
    06:05
  • 00301 Adding Nested Paths and Pages Nested Routes.mp4
    03:47
  • 00302 Creating Dynamic Pages with Parameters.mp4
    03:36
  • 00303 Extracting Dynamic Parameter Values.mp4
    04:07
  • 00304 Linking Between Pages.mp4
    07:13
  • 00305 Onwards to a Bigger Project.mp4
    03:32
  • 00306 Preparing the Project Pages.mp4
    03:42
  • 00307 Outputting a List of Meetups.mp4
    05:04
  • 00308 Adding the New Meetup Form.mp4
    03:55
  • 00309 The app.js File and Layout Wrapper.mp4
    06:17
  • 00310 Using Programmatic Imperative Navigation.mp4
    03:47
  • 00311 Adding Custom Components and CSS Modules.mp4
    10:00
  • 00312 How Pre-Rendering Works and Which Problem We Face.mp4
    05:52
  • 00313 Data Fetching for Static Pages.mp4
    08:56
  • 00314 Static Site Generation SSG.mp4
    05:44
  • 00315 Exploring Server-side Rendering SSR with getServerSideProps.mp4
    06:27
  • 00316 Working with Params for SSG Data Fetching.mp4
    05:14
  • 00317 Preparing Paths with getStaticPaths and Working with Fallback Pages.mp4
    07:16
  • 00318 Introducing API Routes.mp4
    06:20
  • 00319 Working with MongoDB.mp4
    09:32
  • 00320 Sending HTTP Requests to Our API Routes.mp4
    06:49
  • 00321 Getting Data from the Database.mp4
    07:10
  • 00322 Getting Meetup Details Data and Preparing Pages.mp4
    09:41
  • 00323 Adding head Metadata.mp4
    09:19
  • 00324 Deploying Next.js Projects.mp4
    12:26
  • 00325 Using Fallback Pages and Redeploying.mp4
    04:13
  • 00326 Summary.mp4
    02:23
  • 00327 Module Introduction.mp4
    02:58
  • 00328 Preparing the Demo Project.mp4
    04:56
  • 00329 Using CSS Transitions.mp4
    04:34
  • 00330 Using CSS Animations.mp4
    05:32
  • 00331 CSS Transition and Animations Limitations.mp4
    04:04
  • 00332 Using ReactTransitionGroup.mp4
    12:19
  • 00333 Using the Transition Component.mp4
    03:24
  • 00334 Wrapping the Transition Component.mp4
    03:16
  • 00335 Animation Timings.mp4
    03:14
  • 00336 Transition Events.mp4
    02:33
  • 00337 The CSSTransition Component.mp4
    05:23
  • 00338 Customizing CSS Classnames.mp4
    02:31
  • 00339 Animating Lists.mp4
    06:53
  • 00340 Alternative Animation Packages.mp4
    04:29
  • 00341 Wrap Up.mp4
    01:57
  • 00342 Module Introduction.mp4
    01:01
  • 00343 Starting Project and Why You Would Replace Redux.mp4
    04:19
  • 00344 Alternative - Using the Context API.mp4
    07:14
  • 00345 Toggling Favorites with the Context API.mp4
    05:43
  • 00346 Context API Summary.mp4
    02:30
  • 00347 Getting Started with a Custom Hook as a Store.mp4
    08:11
  • 00348 Finishing the Store Hook.mp4
    05:53
  • 00349 Creating a Concrete Store.mp4
    04:11
  • 00350 Using the Custom Store.mp4
    05:40
  • 00351 Custom Hook Store Summary.mp4
    03:13
  • 00352 Optimizing the Custom Hook Store.mp4
    04:04
  • 00353 Wrap Up.mp4
    02:08
  • 00354 Module Introduction.mp4
    01:23
  • 00355 What and Why.mp4
    03:23
  • 00356 Understanding Different Kinds of Tests.mp4
    04:04
  • 00357 What to Test and How to Test.mp4
    01:29
  • 00358 Understanding the Technical Setup and Involved Tools.mp4
    02:39
  • 00359 Running the First Test.mp4
    07:16
  • 00360 Writing Our First Test.mp4
    10:14
  • 00361 Grouping Tests Together with Test Suites.mp4
    02:14
  • 00362 Testing User Interaction and State.mp4
    14:00
  • 00363 Testing Connected Components.mp4
    03:19
  • 00364 Testing Asynchronous Code.mp4
    09:12
  • 00365 Working with Mocks.mp4
    08:30
  • 00366 Summary and Further Resources.mp4
    03:47
  • 00367 Module Introduction.mp4
    01:26
  • 00368 What and Why.mp4
    06:34
  • 00369 Installing and Using TypeScript.mp4
    06:38
  • 00370 Exploring the Base Types.mp4
    03:55
  • 00371 Working with Array and Object Types.mp4
    05:33
  • 00372 Understanding Type Inference.mp4
    02:47
  • 00373 Using Union Types.mp4
    02:48
  • 00374 Understanding Type Aliases.mp4
    02:42
  • 00375 Functions and Function Types.mp4
    04:49
  • 00376 Diving into Generics.mp4
    08:01
  • 00377 Creating a React + TypeScript Project.mp4
    08:34
  • 00378 Working with Components and TypeScript.mp4
    05:41
  • 00379 Working with Props and TypeScript.mp4
    14:20
  • 00380 Adding a Data Model.mp4
    09:10
  • 00381 Time to Practice - Exercise Time.mp4
    07:02
  • 00382 Form Submissions in TypeScript Projects.mp4
    05:21
  • 00383 Working with refs and useRef.mp4
    10:56
  • 00384 Working with Function Props.mp4
    07:26
  • 00385 Managing State and TypeScript.mp4
    05:13
  • 00386 Adding Styling.mp4
    02:19
  • 00387 Time to Practice - Removing a Todo.mp4
    09:27
  • 00388 The Context API and TypeScript.mp4
    13:55
  • 00389 Summary.mp4
    02:18
  • 00390 Bonus - Exploring tsconfig.json.mp4
    05:55
  • 00391 Module Introduction.mp4
    02:10
  • 00392 What are React Hooks.mp4
    04:56
  • 00393 The Starting Project.mp4
    04:51
  • 00394 Getting Started with useState.mp4
    09:20
  • 00395 More on useState and State Updating.mp4
    11:54
  • 00396 Array Destructuring.mp4
    02:34
  • 00397 Multiple States.mp4
    03:47
  • 00398 Rules of Hooks.mp4
    02:21
  • 00399 Passing State Data Across Components.mp4
    07:56
  • 00400 Time to Practice - Hooks Basics - Problem.mp4
    01:03
  • 00401 Time to Practice - Hooks Basics - Solution.mp4
    02:55
  • 00402 Sending HTTP Requests.mp4
    07:16
  • 00403 useEffect and Loading Data.mp4
    08:06
  • 00404 Understanding useEffect Dependencies.mp4
    02:21
  • 00405 More on useEffect.mp4
    09:37
  • 00406 What s useCallback.mp4
    05:28
  • 00407 Working with Refs and useRef.mp4
    05:21
  • 00408 Cleaning Up with useEffect.mp4
    03:21
  • 00409 Deleting Ingredients.mp4
    02:29
  • 00410 Loading Errors and State Batching.mp4
    08:48
  • 00411 Understanding useReducer.mp4
    09:43
  • 00412 Using useReducer for the HTTP State.mp4
    10:40
  • 00413 Working with useContext.mp4
    08:27
  • 00414 Performance Optimizations with useMemo.mp4
    10:30
  • 00415 Getting Started with Custom Hooks.mp4
    13:45
  • 00416 Sharing Data Between Custom Hooks and Components.mp4
    14:58
  • 00417 Using the Custom Hook.mp4
    08:11
  • 00418 Wrap Up.mp4
    03:05
  • 00419 Module Introduction.mp4
    02:16
  • 00420 What is React.mp4
    03:48
  • 00421 Why React.mp4
    07:25
  • 00422 Building SPAs Single-Page Applications.mp4
    02:00
  • 00423 React Alternatives.mp4
    03:06
  • 00424 Creating a React Project.mp4
    08:15
  • 00425 Setting Up a Code Editor.mp4
    03:04
  • 00426 Diving into the Created Project.mp4
    06:31
  • 00427 How React Works and Understanding Components.mp4
    07:36
  • 00428 More Component Work and Styling with CSS Classes.mp4
    05:34
  • 00429 Building and Reusing Another Component.mp4
    07:19
  • 00430 Working with props and Dynamic Content.mp4
    05:17
  • 00431 Handling Events.mp4
    06:40
  • 00432 Adding More Components.mp4
    05:40
  • 00433 Introducing State.mp4
    08:19
  • 00434 Working with Event Props Passing Function as Props.mp4
    07:08
  • 00435 Adding Routing.mp4
    16:52
  • 00436 Adding Links and Navigation.mp4
    05:21
  • 00437 Styling with CSS Modules.mp4
    05:45
  • 00438 Outputting Lists of Data.mp4
    05:50
  • 00439 Adding More React Components.mp4
    09:48
  • 00440 Building Wrapper Components with props.children.mp4
    08:39
  • 00441 Adding a Form.mp4
    08:58
  • 00442 Getting User Input and Handling Form Submission.mp4
    09:45
  • 00443 Preparing the App for HTTP.mp4
    06:52
  • 00444 Sending a POST Request.mp4
    05:18
  • 00445 Navigating Programmatically.mp4
    03:42
  • 00446 Getting Started with Fetching Data.mp4
    09:25
  • 00447 Using the useEffect Hook.mp4
    10:07
  • 00448 Introducing React Context.mp4
    11:02
  • 00449 Context Logic and Different Ways of Updating State.mp4
    05:54
  • 00450 Using Context in Components.mp4
    12:10
  • 00451 More Context Usage.mp4
    06:54
  • 00452 Summary.mp4
    01:13
  • 00453 What Now Next Steps You Could Take.mp4
    03:19
  • 00454 Explore the React Ecosystem.mp4
    04:27
  • 00455 Finishing Thoughts.mp4
    01:19
  • React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition-main.zip
  • Description


    **This course is now updated for the latest version of React—React 18**

    React.js is the most popular JavaScript library you can learn and use these days to build modern, reactive user interfaces for the web. Learn React.js in a practice-oriented way, using all the latest patterns and best practices that you need. You will learn all the key fundamentals as well as advanced concepts and related topics to turn you into a React.js developer.

    You will begin with a thorough introduction to React.js and the core basics: how React works, building components and UIs, props, and dynamic data binding. Then, we will proceed toward working with user events, React hooks, fragments, and portals, and will learn to deal with side-effects, class-based components, and functional components. Gain an in-depth knowledge about handling forms and user input, Redux and Redux Toolkit, Next.js, combining React with TypeScript, and much more. This is a huge course because it really covers EVERYTHING you need to know and learn to become a React.js developer!

    You will get tons of useful information out of this course. The goal of this course is to ensure that you feel confident working with React so that you can apply for React jobs, use it in your own projects, or simply enhance your portfolio as a developer; whatever your goal is, this course gets you there!

    By the end of this course, you will become a React.js developer.

    All resources are available at: https://github.com/PacktPublishing/React---The-Complete-Guide-includes-Hooks-React-Router-and-Redux-Second-Edition

    More details


    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Academind by Maximilian Schwarzmüller
    Academind by Maximilian Schwarzmüller
    Instructor's Courses
    Academind GmbHBundling the courses and the knowledge of successful instructors, Academind strives to deliver high-quality online education. The platform covers topics such as web development, data analysis, and more in a fun and engaging way.Maximilian SchwarzmüllerSince the age of 13, he has never stopped learning new programming skills and languages. In his early days, he started creating websites simply for fun. This passion has remained and shaped his decision to work as a freelance web developer and consultant. Although he started web development on the backend (PHP with Laravel and NodeJS), he has progressed to becoming a front-end developer using modern frameworks such as React, Angular, and VueJS 2 in many projects.The most rewarding experience for him is to see how people find new and better jobs, build exciting web applications, acquire amazing projects, or simply enjoy their hobby with the help of his content.
    Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.
    • language english
    • Training sessions 455
    • duration 47:59:59
    • Release Date 2023/02/26