Advanced React FULL COURSE || React Advanced TUTORIAL || React JS Course 6
59.2 هزار بار بازدید -
2 سال پیش
-
This course is part of
This course is part of the Meta Front-End Developer Professional Certificate Course No 6 Out of 9🔹🔹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
👋👋Come join our Discord group! https://discord.gg/fS4uQ4nufM👋👋
⭐🌟Full Playlist of Meta Front-End Developer Professional Certificate 🌟⭐
Link: Front-End Developer Professional Cert...
📝Course Martial: https://drive.google.com/drive/folder...
🔸🔸🔸🔸⌚⌚Timestamp⌚⌚🔸🔸🔸🔸
✒️Week 1
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
✒️Week 2
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
✒️Week 3
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
✒️Week 4
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)
❌❌PLEASE IGNORE THESE TAGS❌❌
#AdvancedReactFullCourse #ReactAdvancedTUTORIAL #MetaFrontEndDeveloperProfessionalCertificate |
react,react advanced,react js,react advanced london,react tutorial,learn react,advanced react interview questions,react conference,advanced react,react useeffect,advaned react,react hooks,react advanced techniques,react typescript,learn react js,advanced prop types with react and typescript,react beginners,react js project,react js tutorial,react crash course,react for beginners,react javascript,advanced props,react best practices
🏆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
👋👋Come join our Discord group! https://discord.gg/fS4uQ4nufM👋👋
⭐🌟Full Playlist of Meta Front-End Developer Professional Certificate 🌟⭐
Link: Front-End Developer Professional Cert...
📝Course Martial: https://drive.google.com/drive/folder...
🔸🔸🔸🔸⌚⌚Timestamp⌚⌚🔸🔸🔸🔸
✒️Week 1
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
✒️Week 2
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
✒️Week 3
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
✒️Week 4
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)
❌❌PLEASE IGNORE THESE TAGS❌❌
#AdvancedReactFullCourse #ReactAdvancedTUTORIAL #MetaFrontEndDeveloperProfessionalCertificate |
react,react advanced,react js,react advanced london,react tutorial,learn react,advanced react interview questions,react conference,advanced react,react useeffect,advaned react,react hooks,react advanced techniques,react typescript,learn react js,advanced prop types with react and typescript,react beginners,react js project,react js tutorial,react crash course,react for beginners,react javascript,advanced props,react best practices
2 سال پیش
در تاریخ 1401/09/06 منتشر شده
است.
59,223
بـار بازدید شده