Advanced React full course by Meta | React Js

This course is part of the Meta Front-End Developer Professional Certificate Course
Advanced React

?What you will learn
✔️Create function components in React using hooks
✔️Setup testing and debugging for React
✔️Store and retrieve data from external sources
✔️Describe the characteristics of the most commonly used React frameworks



Timestamp:

0:00:00 Introduction to the course
0:02:57 React and your career opportunites
0:06:42 Setting up VS code (Optional)
0:12:20 Grid layouts
0:15:10 Transforming lists in JavaScript
0:18:50 Render a simple list component
0:22:08 What are Keys in React?
0:23:24 Using Keys Within List Components
0:31:10 What are controlled components?
0:35:21 Creating a Form component in React
0:40:53 Create a Controlled Form Component
0:44:58 What you know about Props and State
0:49:49 What is Context, and why is it used?
0:55:46 Module summary: Components
0:59:59 Working with React hooks
1:03:39 Revising useState hook
1:08:54 Using the useState hook
1:15:43 What are side effects?
1:19:24 Using the useEffect hook
1:24:34 What are the rules of hooks?
1:28:45 What you need to know before fetching data
1:34:24 Fetching data – Putting it all together
1:37:43 APIs
1:43:03 What is useReducer and how it differs from useState
1:47:27 useRef to access underlying DOM
1:50:02 Module summary: React Hooks and Custom Hooks
1:53:50 JSX, Components and Elements
2:00:12 The importance of performance to software development
2:03:47 Component composition with children
2:08:28 Manipulating children dynamically in JSX
2:14:24 Spread Attributes
2:20:44 Cross-cutting concerns in React
2:25:06 Create a HOC for cursor position
2:30:03 Render props
2:34:51 Why React Testing Library
2:42:14 Writing the first test for your form
2:47:16 Style guides
2:51:16 Module summary: JSX and Testing
2:56:47 Course recap: Advanced React
3:00:18 Congratulations, you have completed Advanced React!

??About this Course??
Learn how to use more advanced React concepts and features, optimize and debug your React applications, and become proficient in using React Bootstrap and JSX.

You’ll examine different types of React components, learn various characteristics and when to use them. You’ll start working with hooks, effects and other functional components. You’ll find out how routing is used in React to customize the users' experience, you’ll create a web application that consumes API data, and you'll get familiar with the most commonly used React framework integrations, tools, and debugging approaches.

By the end of this course, you will be able to:
• Render list and form components efficiently in React.
• Lift a shared state up when several components need the updated data.
• Use all common hooks in React, and put them to use within your application.
• Build your own custom hooks.
• Understand JSX in depth.
• Use advanced patterns to encapsulate common behaviour via Higher Order Components and Render Props.
• Test and debug your application.
• Build a portfolio using React.

You’ll gain experience with the following tools and software:
• React.js
• JSX
• React
• HTML, CSS and JavaScript
• VSCode

You will be able to leverage the potential of this course to develop new skills, improve productivity, act effectively with data and boost your career.

To take this course, you should understand the basics of React, HTML, CSS, and JavaScript. Additionally, it always helps to have a can-do attitude!

All rights reserved by (Meta)