React Full Course for Beginners 2024 | Simplified React

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.

🗒️MY FAVORITE TOOLS & GEARS

🚀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

[Salah-YT]

Thank you, bro! Just got your Udemy course – opting for ad-free content. Been waiting a while for this, really appreciate your hard work.

[CodeBlessYou]

Thank you so much for watching this mini course. If you link this mini chunk, then you can

[pshycocoder]

Did u used redux toolkit in this or not?and also make video on redux tool kit, make full stack ecommerce app with admin panel, payment mode, cart funcnality etc

[tnpscbits]

Not really hard 😢is just fr sake its really really confusing 😐more deeper it goes bro thanks i learned a lot 🙏 wil do and see making function and passing props fr everything even small button colour react doinh simple things very compex

[dhanarajccs]

Super brother.. please post MERN stack and Ecommerce with payment gateway projects in React

[SubbuNokia-nj]

I saw your videos on YouTube after i bought them on udemy The amount is debited but the course is not showing

[shyamyadla]

Wonderful course Learnt a lot and taken up your Udemy course. Thank you Bro for this course...😇

[Unnamedninja]

Guys if anyone thinking of to take his course let me be clear please go for it, my god this guys just simplifies and teaches everything in react and i think this is my best investment in a udemy course im just enjoying the course. thanks bro

[anda_jeven]

I learned more things about programming from you than my professor in ComSci, lol. He do not teach us a single thing, I'm glad I found your channel. I learned a lot and want to learn more from your teaching. Please make a part 2 of ReactJS course☺

[kk]

Hello Bro!. Will you please do a MERN Course or Nextjs13 course in future? I've also purchased your react course on udemy .It's very clear and well understood .Hoping more courses from you<3

[deepakgupta]

can you make a full course node to become a node js developer

[AfOnlineClasses]

i so much love your videos just finish watching a video now and it is very very ok

[GopalakrishnaGudla]

I like your way of explanation it"s hepls full ur cours thq bro🥰🥰😍

[Anandmum]

hi friend, from 2:10:00, when I follow you, but my doing is not continue to work, it has an error 'e is undefined' at function handleChange. please help me with this!

[sandipsarkar]

I really love it! When will you be updating the other videos, adding API calls, and implementing infinite scrolling etc. in the previewed ecommerce project?

[freshsesay]

Can you please help me with me full course 🙏

[souratirera]

Hello bro ...i am trying to buy your courses at 13$ dollars but it just fail

[ragucool]

Hi bro ..can u make video abt jwt with access and refresh token with redux.role based authentication...

[SaivivekRaavi-xr]

Can you give your setting. Json or which font you are using and which theme you are using in vscode

[azuboof]

Very underrated channel. Subscribed. God bless u so much good content for free