Advanced React FULL COURSE || React Advanced TUTORIAL || React JS Course 6
HTML-код
- Опубликовано: 8 янв 2025
- 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! discord.gg/fS4...
⭐🌟Full Playlist of Meta Front-End Developer Professional Certificate 🌟⭐
Link: • Front-End Developer Pr...
📝Course Martial: drive.google.c...
🔸🔸🔸🔸⌚⌚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
⭐🌟Full Playlist of Meta Front-End Developer Professional Certificate 🌟⭐
Link: ruclips.net/user/playlist?list...
📝Course Martial: 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!
can you please reactivate the link to course resources for both the beginner and advanced courses
@@cossamkabaghe3195yes plz can u make a git repo
I cannot open course martial
Best tutorial about react and all its concepts... clear simple and well explained.. Finally I fully understand the process and how react works. well done and thanks
I don't know why this awesome course is underrated.
because this course for dummies(((
Advanced course!
"By the end of this course you will be able to install vs code"
Great conceptual coverage. Thank you!
31:51 Yes, I'll be learning how to make HMTL forms
excellent tutuorial video
Awesome teaching please continue uploading more videos
Upload part 4: HTML and CSS in depth
Lov u bro❤ may god bless u❤
Amazing and valuable upload
Keep doing good work bro
Can you please keep the link to course material here? The link provided is not working.
what do you mean by this course being advanced
what's wrong with course sellers . they just making videos and forgot what the video is about
so they assume someone searching for advanced react videos should must learn installing and basic setup first 👌👍
Kiến thức thực tế!
I have started to watch, Can you add chapters to this video please?
Pls help.
My bootstrap is not working, have uninstall the node js several time still it won't work. It keep showing this error:
npm Err! Code ETARGET
npm ERR! notarget no matching version found for boostrap@5.2.3
And many others notarget errors. Pls help
name sure you're in the correct directory. Just a guess
i need something more advanced this things are simple...
This does not seem very advanced 😢
Which topics do you consider advanced, if I may ask?
Only learning and understanding the advanced react concepts can lift you up from junior level to medior or senior
yeah this isn't advanced at all, I learnt this all in first 2 weeks of learning react
It honestly isn’t advanced, if as a beginner you’ve not learned these then what have you learnt?
Advanced should consist of things like systems design, code optimization, data structures and the likes. This is just my opinion based off my 4 years experience coding with React.
is react framework ? it's a library
It's JavaScript library
👎🏻Title says advanced react, but this is a course for beginners.
Yes 😊
waste of time, it says advanced and then only talks about the basics including how the heck to install vs code. Report this video