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

Focused View

Academind by Maximilian Schwarzmüller

47:27:44

9 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

11:51

00026 Introducing JSX.mp4

03:58

00027 How React Works.mp4

04:22

00028 Building a First Custom Component.mp4

09:00

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:09

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:44

00045 Working with State.mp4

10:53

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:24

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:07

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

01:52

00250 Defining and Using Routes.mp4

10:32

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 Module Introduction.mp4

01:39

00273 Deployment Steps.mp4

03:35

00274 Adding Lazy Loading.mp4

13:27

00275 Building the Code for Production.mp4

03:41

00276 Getting Started with Deployment Uploading Files.mp4

07:49

00277 Exploring Routing Issues and Finishing Deployment.mp4

07:57

00278 Module Introduction.mp4

01:39

00279 What How and Why.mp4

12:11

00280 Starting Setup and First Steps.mp4

04:45

00281 Adding User Signup.mp4

15:32

00282 Showing Feedback to the User.mp4

05:36

00283 Adding User Login.mp4

06:36

00284 Managing the Auth State with Context.mp4

11:49

00285 Using the Token for Requests to Protected Resources.mp4

11:08

00286 Redirecting the User.mp4

02:59

00287 Adding Logout.mp4

02:42

00288 Protecting Frontend Pages.mp4

07:01

00289 Persisting the User Authentication Status.mp4

07:06

00290 Adding Auto-Logout.mp4

07:57

00291 Finishing Steps.mp4

11:10

00292 Module Introduction.mp4

02:08

00293 What is NextJS.mp4

04:45

00294 Key Feature 1 - Built-In Server-Side Rendering Improved SEO.mp4

06:37

00295 Key Feature 2 - Simplified Routing with File-Based Routing.mp4

03:13

00296 Key Feature 3 - Build Fullstack Apps.mp4

01:50

00297 Creating a New Next.js Project and App.mp4

05:39

00298 Analyzing the Created Project.mp4

02:52

00299 Adding First Pages.mp4

06:05

00300 Adding Nested Paths and Pages Nested Routes.mp4

03:47

00301 Creating Dynamic Pages with Parameters.mp4

03:36

00302 Extracting Dynamic Parameter Values.mp4

04:07

00303 Linking Between Pages.mp4

07:13

00304 Onwards to a Bigger Project.mp4

03:32

00305 Preparing the Project Pages.mp4

03:42

00306 Outputting a List of Meetups.mp4

05:04

00307 Adding the New Meetup Form.mp4

03:55

00308 The app.js File and Layout Wrapper.mp4

06:17

00309 Using Programmatic Imperative Navigation.mp4

03:47

00310 Adding Custom Components and CSS Modules.mp4

10:00

00311 How Pre-Rendering Works and Which Problem We Face.mp4

05:52

00312 Data Fetching for Static Pages.mp4

08:56

00313 Static Site Generation SSG.mp4

05:44

00314 Exploring Server-side Rendering SSR with getServerSideProps.mp4

06:27

00315 Working with Params for SSG Data Fetching.mp4

05:14

00316 Preparing Paths with getStaticPaths and Working with Fallback Pages.mp4

07:16

00317 Introducing API Routes.mp4

06:20

00318 Working with MongoDB.mp4

09:32

00319 Sending HTTP Requests to Our API Routes.mp4

06:49

00320 Getting Data from the Database.mp4

07:10

00321 Getting Meetup Details Data and Preparing Pages.mp4

09:41

00322 Adding head Metadata.mp4

09:19

00323 Deploying Next.js Projects.mp4

12:26

00324 Using Fallback Pages and Redeploying.mp4

04:13

00325 Summary.mp4

02:23

00326 Module Introduction.mp4

02:58

00327 Preparing the Demo Project.mp4

04:56

00328 Using CSS Transitions.mp4

04:34

00329 Using CSS Animations.mp4

05:32

00330 CSS Transition and Animations Limitations.mp4

04:04

00331 Using ReactTransitionGroup.mp4

12:19

00332 Using the Transition Component.mp4

03:24

00333 Wrapping the Transition Component.mp4

03:16

00334 Animation Timings.mp4

03:14

00335 Transition Events.mp4

02:33

00336 The CSSTransition Component.mp4

05:23

00337 Customizing CSS Classnames.mp4

02:31

00338 Animating Lists.mp4

06:53

00339 Alternative Animation Packages.mp4

04:29

00340 Wrap Up.mp4

01:57

00341 Module Introduction.mp4

01:01

00342 Starting Project and Why You Would Replace Redux.mp4

04:19

00343 Alternative - Using the Context API.mp4

07:14

00344 Toggling Favorites with the Context API.mp4

05:43

00345 Context API Summary.mp4

02:30

00346 Getting Started with a Custom Hook as a Store.mp4

08:11

00347 Finishing the Store Hook.mp4

05:53

00348 Creating a Concrete Store.mp4

04:11

00349 Using the Custom Store.mp4

05:40

00350 Custom Hook Store Summary.mp4

03:13

00351 Optimizing the Custom Hook Store.mp4

04:04

00352 Wrap Up.mp4

02:08

00353 Module Introduction.mp4

01:23

00354 What and Why.mp4

03:23

00355 Understanding Different Kinds of Tests.mp4

04:04

00356 What to Test and How to Test.mp4

01:29

00357 Understanding the Technical Setup and Involved Tools.mp4

02:39

00358 Running the First Test.mp4

07:16

00359 Writing Our First Test.mp4

10:14

00360 Grouping Tests Together with Test Suites.mp4

02:14

00361 Testing User Interaction and State.mp4

14:00

00362 Testing Connected Components.mp4

03:19

00363 Testing Asynchronous Code.mp4

09:12

00364 Working with Mocks.mp4

08:30

00365 Summary and Further Resources.mp4

03:47

00366 Module Introduction.mp4

01:26

00367 What and Why.mp4

06:34

00368 Installing and Using TypeScript.mp4

06:38

00369 Exploring the Base Types.mp4

03:55

00370 Working with Array and Object Types.mp4

05:33

00371 Understanding Type Inference.mp4

02:47

00372 Using Union Types.mp4

02:48

00373 Understanding Type Aliases.mp4

02:42

00374 Functions and Function Types.mp4

04:49

00375 Diving into Generics.mp4

08:01

00376 Creating a React + TypeScript Project.mp4

08:34

00377 Working with Components and TypeScript.mp4

05:41

00378 Working with Props and TypeScript.mp4

14:20

00379 Adding a Data Model.mp4

09:10

00380 Time to Practice - Exercise Time.mp4

07:02

00381 Form Submissions in TypeScript Projects.mp4

05:21

00382 Working with refs and useRef.mp4

10:56

00383 Working with Function Props.mp4

07:26

00384 Managing State and TypeScript.mp4

05:13

00385 Adding Styling.mp4

02:19

00386 Time to Practice - Removing a Todo.mp4

09:27

00387 The Context API and TypeScript.mp4

13:55

00388 Summary.mp4

02:18

00389 Bonus - Exploring tsconfig.json.mp4

05:55

00390 Module Introduction.mp4

02:10

00391 What are React Hooks.mp4

04:56

00392 The Starting Project.mp4

04:51

00393 Getting Started with useState.mp4

09:20

00394 More on useState and State Updating.mp4

11:54

00395 Array Destructuring.mp4

02:34

00396 Multiple States.mp4

03:47

00397 Rules of Hooks.mp4

02:21

00398 Passing State Data Across Components.mp4

07:56

00399 Time to Practice - Hooks Basics - Problem.mp4

01:03

00400 Time to Practice - Hooks Basics - Solution.mp4

02:55

00401 Sending HTTP Requests.mp4

07:16

00402 useEffect and Loading Data.mp4

08:06

00403 Understanding useEffect Dependencies.mp4

02:21

00404 More on useEffect.mp4

09:37

00405 What s useCallback.mp4

05:28

00406 Working with Refs and useRef.mp4

05:21

00407 Cleaning Up with useEffect.mp4

03:21

00408 Deleting Ingredients.mp4

02:29

00409 Loading Errors and State Batching.mp4

08:48

00410 Understanding useReducer.mp4

09:43

00411 Using useReducer for the HTTP State.mp4

10:40

00412 Working with useContext.mp4

08:27

00413 Performance Optimizations with useMemo.mp4

10:30

00414 Getting Started with Custom Hooks.mp4

13:45

00415 Sharing Data Between Custom Hooks and Components.mp4

14:58

00416 Using the Custom Hook.mp4

08:11

00417 Wrap Up.mp4

03:05

00418 Module Introduction.mp4

02:16

00419 What is React.mp4

03:48

00420 Why React.mp4

07:25

00421 Building SPAs Single-Page Applications.mp4

02:00

00422 React Alternatives.mp4

03:06

00423 Creating a React Project.mp4

08:15

00424 Setting Up a Code Editor.mp4

03:04

00425 Diving into the Created Project.mp4

06:31

00426 How React Works and Understanding Components.mp4

07:36

00427 More Component Work and Styling with CSS Classes.mp4

05:34

00428 Building and Reusing Another Component.mp4

07:19

00429 Working with props and Dynamic Content.mp4

05:17

00430 Handling Events.mp4

06:40

00431 Adding More Components.mp4

05:40

00432 Introducing State.mp4

08:19

00433 Working with Event Props Passing Function as Props.mp4

07:08

00434 Adding Routing.mp4

16:52

00435 Adding Links and Navigation.mp4

05:21

00436 Styling with CSS Modules.mp4

05:45

00437 Outputting Lists of Data.mp4

05:50

00438 Adding More React Components.mp4

09:48

00439 Building Wrapper Components with props.children.mp4

08:39

00440 Adding a Form.mp4

08:58

00441 Getting User Input and Handling Form Submission.mp4

09:45

00442 Preparing the App for HTTP.mp4

06:52

00443 Sending a POST Request.mp4

05:18

00444 Navigating Programmatically.mp4

03:42

00445 Getting Started with Fetching Data.mp4

09:25

00446 Using the useEffect Hook.mp4

10:07

00447 Introducing React Context.mp4

11:02

00448 Context Logic and Different Ways of Updating State.mp4

05:54

00449 Using Context in Components.mp4

12:10

00450 More Context Usage.mp4

06:54

00451 Summary.mp4

01:13

00452 What Now Next Steps You Could Take.mp4

03:19

00453 Explore the React Ecosystem.mp4

04:27

00454 Finishing Thoughts.mp4

01:19

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. In this course, you will dive into the core concepts of React, gaining a thorough understanding of its purpose and benefits. From building components and creating dynamic UIs to harnessing the full potential of React Hooks and working with state management using the Context API and React Redux, we have got you covered. Learn to build standalone React apps and connect them to backends using HTTP. Master routing and data fetching techniques with React Router. Implement user authentication in React apps and build full-stack applications with Next.js. The course includes multiple demo projects, ensuring hands-on experience and practical application. Whether you prefer working locally or in a cloud development environment, we’ve got the flexibility you need. We will also dive deep into advanced concepts such as debugging, styling with “Styled Components” and “CSS Modules,” working with Fragments and Portals, managing side effects, form handling with validation, incorporating Redux and Redux Toolkit, and leveraging React with TypeScript. Gain insights into animations and ensure robust code with comprehensive unit testing. This updated version includes two new practice projects and an extensively revamped JS Refresher section. The JS Refresher section provides a comprehensive understanding of JavaScript, laying a solid foundation for building React applications. By the end of this course, you will be equipped with the skills and knowledge to build robust web applications using React.js confidently.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

React

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.

PacktPub

View courses PacktPub

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.