React Full Course for Beginners 2024 | Simplified React

Опубликовано: 15 Октябрь 2024
на канале: Code Bless You

14,859

391

🚀Access the Full React JS Course - https://www.udemy.com/course/the-ulti...

🎓Get FREE access to my upcoming Ultimate Node.js Course for the FIRST 100 students: https://forms.gle/8m9XA7kmc17nHfhz8 🚀

Complete React JS course by building Real-world projects. In this course, I explain all React concepts from basics to advanced. This is first 3 hour of my ultimate React course.

After completing this course, you will learn how to build fast and quick react applications. First you will create task management application which is used to manage users daily tasks. After that you will create movie website for displaying latest movies details and that details comes from another website. At last, you will create an Advanced e-commerce application with React in which you will learn calling an API, filter, sort, search, routing using react router DOM, pagination, infinite scrolling, user authentication with JWT and also deployment of react application.

Download Resources zip from here - https://drive.google.com/file/d/1rNIw...

🗒️MY FAVORITE TOOLS & GEARS
Height Adjustable Desk - https://amzn.to/42qPZkb
Old Desk in Budget - https://amzn.to/3UlaFbm
Favorite Laptop - https://amzn.to/3OrqmKa
LG Monitor for Productivity - https://amzn.to/3uqA5tv
Silent Keyboard(Loved It) - https://amzn.to/3UjagGv
Mouse & Keyboard Combo - https://amzn.to/3Sq50hs
Extra Large Mouse Pad - https://amzn.to/48Nhcjv
Sony Headphones - https://amzn.to/3HHjYed
Cheap Earphones for Editing - https://amzn.to/48eBykN
Daily Use Laptop Stand - https://amzn.to/3Uj8JQL
Mini Speakers for Consuming Content - https://amzn.to/48YgAaK
Mport X Connector - https://amzn.to/3UoHsML
Mic - https://amzn.to/48eCrtD
3 Color Lightbar - https://amzn.to/42qgaaW
Dual Monitor Stand - https://amzn.to/48Nixa1
Stop Watch for Productivity - https://amzn.to/3Un1RBW
Dotted Diary - https://amzn.to/3vYBWq1

🚀What you will learn in this course:
How react works
Why React is so popular
Understanding of babel & jsx
Virtual DOM
Building Components
Adding Events
State variables
Important hooks
Accessing local storage
React Strict Mode
Filtering & Sorting data
Searching with auto suggestions
Routing & navigation using most popular library React Router Dom
Calling APIs
Handling errors
Showing Loader functionality
Managing & Validate the form
Pagination
Infinite scrolling
User Authentication and Authorization with JSON WEB TOKEN which is the very important section
Calling Protected APIs
Creating context
and much more

Overview:
00:00:00 Course Introduction
00:03:26 What is React
00:10:47 Setup Development Environment
00:14:47 Creating React Application
00:18:14 Understanding the React Template
00:25:55 Writing Code from Scratch
00:29:41 Introduction to React Basics
00:30:26 Setting up New Project
00:32:20 Building React Component
00:39:00 Solution of the Exercise
00:40:15 How JSX and Babel works
00:43:29 Adding Elements in React Component
00:47:15 JavaScript Expression in JSX
00:52:04 Setting Elements Attributes
00:56:30 Events in React
00:59:53 React State
01:01:37 What is react hooks
01:03:02 useState in React
01:09:17 Handling user inputs
01:13:24 Mapping Lists
01:16:55 Introduction of Creating Project
01:17:35 Project Overview & Planning
01:20:24 Creating the website layout
01:26:04 Creating Task Form Component
01:29:45 Adding styles for Form Component
01:37:03 Creating Tag Component
01:39:03 Props in React
01:43:32 Building Task List Component
01:49:32 Solution of the Exercise
01:53:40 Building TaskCard Component
02:01:14 Introduction of next section
02:01:52 Form Handling
02:07:25 Shortcut trick to handle form inputs
02:16:03 React Strict Mode
02:18:41 Handling Tag Selection
02:26:37 Display Selected Tag
02:32:21 Display Task Cards
02:39:57 Delete Single Task
02:46:16 Saving tasks in Local Storage
02:49:09 Basics of useEffects hook
02:54:45 Adding fonts in our project
02:56:52 Congratulations…

Social Media Links
🚀COURSES : https://www.udemy.com/user/code-bless...
🤩INSTAGRAM :   / code_blessyou
💙FACEBOOK :   / 100077716056158
🐦TWITTER :   / code_blessyou
😎LINKEDIN :   / code-bless-you-5b76822b