React Basics FULL COURSE For Beginners || React TUTORIAL || Course No 5

This course is part of the Meta Front-End Developer Professional Certificate Course No 5 Out of 9React Basic

What you will learn
️Use reusable components to render views where data changes over time
️Use props to pass data between components. Create dynamic and interactive web pages and apps
️Organize React projects to create more scalable and maintainable websites and apps
️Use forms to allow users to interact with the app. Build an application in React

⭐Full Playlist of Meta Front-End Developer Professional Certificate ⭐

Link: https://www.youtube.com/playlist?list=PLqX4M0x0p9cnPwKtIT3ghqYYiqD8uludA

Course Martial: https://drive.google.com/drive/folders/1VD6VeXDbBtfcYeM59VO77ochewqrrtqi?usp=sharing

⌚⌚Timestamp⌚⌚
️Week 1
0:00:00 Introduction to the course: React Basics
0:02:05 How is React used in the real world?
0:06:03 Why React?
0:10:30 React.js overview
0:15:37 Introduction to functional components
0:21:58 Creating React components
0:25:36 The React project structure
0:31:59 Importing components
0:36:35 Principles of components: Props
0:42:17 Using props in components
0:46:52 Introducing JSX
0:51:01 Practical styling
0:53:53 Embedded JSX expressions
0:56:13 Embedding in attributes
0:58:30 Module summary

️Week 2
1:01:24 Types of events
1:05:46 Common event handling
1:08:58 Syntax for handlers
1:14:06 User events
1:19:50 Parent-child data flow
1:25:40 Children and data
1:29:00 What are hooks?
1:32:38 What is state?
1:37:26 Observing state
1:40:59 Managing state
1:45:40 React state management
1:51:54 Stateful vs. stateless
1:55:32 Module summary

️Week 3
2:00:51 Basic Types of navigation
2:06:37 The navbar
2:11:34 Conditional rendering
2:16:08 Single view conditional updates
2:19:04 What is an asset and where does it live?
2:23:06 Using embedded assets
2:26:22 Audio and video
2;30:19 Create an audio / video component
2:33:15 Module summary: navigation, updating and assets in React.js

️Week 4
2:38:34 Course recap: React Basics
2:41:18 Exemplar: Build a calculator app
2:45:26 Congratulations, you completed React Basics!

About this Course
React is a powerful JavaScript library that you can use to build user interfaces for web and mobile applications (apps). In this course, you will explore the fundamental concepts that underpin the React library and learn the basic skills required to build a simple, fast, and scalable app.

By the end of this course, you will be able to:
• Use reusable components to render views where data changes over time
• Create more scalable and maintainable websites and apps
• Use props to pass data between components
• Create dynamic and interactive web pages and apps
• Use forms to allow users to interact with the web page
• Build an application in 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.

This is a beginner course for learners who would like to prepare themselves for a career in mobile development. To succeed in this course, you do not need prior development experience, only basic internet navigation skills and an eagerness to get started with coding.

All rights reserved by (Meta)

PLEASE IGNORE THESE TAGS
#ReactbasicFullCourse #ReactFULLTUTORIAL #MetaFrontEndDeveloperProfessionalCertificate |

Source: https://www.youtube.com/watch?v=pfYkDwRJFNQ

Leave a Reply

Your email address will not be published. Required fields are marked *