ReactJS Tutorial for Beginners | Learn React in 2.5 Hours | Part 1

Timestamps :
00:00 - Introduction
00:57 - What is React?
04:25 - Why should we learn React?
04:40 - Understanding Virtual DOM?
06:36 - Example of Single Page App
08:22 - What is Library? (Using Jquery Example)
10:52 - Understanding Modules and Named Exports with Example
17:02 - Installing VS Code and Nodejs in MAC OS
26:18 - Installation VS Code and Nodejs in Windows
30:24 - Installing Namaste React using create-react-app
32:54 - Running Namaste React
34:25 - Understanding Folder Structure in React App
38:57 - Example for Components using Twitter
39:54 - How to make Components?
40:39 - What is JSX?
42:32 - Hot Reloading?
43:45 - Embedding Expressions in JSX
45:45 - Creating New Project APNA CART
48:30 - Installing Extensions in VS Code
50:12 - Adding Bootstrap in Apna Cart App
52:12 - Creating Navbar Component
58:06 - Planning Apna Cart App
59:55 - Rendering List using ProductList Component
01:03:50 - Passing Data using Props
01:07:05 - What is Pure Function in JS?
01:10:29 - Creating Product Component
01:19:10 - Handling events with React elements
01:23:06 - Understanding State
01:27:12 - Using State Hook
01:41:28 - Creating Footer Component
01:51:10 - Reset State of All Component
01:55:24 - Removing Items from List
02:02:20 - Conditional Rendering in JSX
02:04:11 - Creating Form in React
02:19:10 - Debugging in React

[adarsh-chakraborty]

44:54 <> </> is actually a react fragment. Shorthand version of React.Fragment supported in modern react setups

[techboby]

Microsoft wali Didi kha gai unka smj ata h clear and confidently

[riazpmdcboysmardan]

it is a very helpful course, Need Part - II Urgently.

[vatsalyasinghi]

Hi, I am new to React and moving from Angular framework background. This video has been very helpful, especially the html to jsx conversion part. Thank you bro !

[rickymartin]

No disrespect to anyone but LTS was mentioned on the screen itself which meant Long Term Support and is asked sometimes in the interview to freshers.
Many times stating the wrong full form could send a message to the recruiter about the candidate even when they know there things.

[ahasnainkhan]

So this is the face behind web development course... A bit unexpected but great 👍👍👍

[pranjalverma]

Not at all beginner friendly, He is just like making a project himself without explaining things in detail. Shraddha didi please teach us react🙏🙏🙏.

[sulaimandev]

1 year ago I was learning Javascript, but no tutorial on Apna College, 4 months ago I was learning React but no tutorial on Apna College, now I am learning blockchain development, hopefully Apna College blockchain development ka series bhi start kary😂😂

[supaofficial]

Time : 9:35 - 9:45
problem : vocal misstake
solution : annotation to that particular time
Thanks 👍 all for course

[priyabansal]

We need 2nd part. Please upload that fast. And we need nodejs in one shot too.

[SumitSharma-cqcf]

Too many code changes behind the seen when application does not work and not shown in the video.
This is bad, hiding the mistakes is not a good idea when you are teaching someone, rather it should be explained.
One sample example is at 1:29:35

[tusharsnn]

Few suggestions :
In 2021 nobody uses class components anymore, it is discouraged to use class components by react community itself.
second, no explanation about useEffect which was suprising as most of the component uses this hooks everytime they need to fetch some data from the server(which happens all the time, that's why dynamic dom).

[amritpant]

I think you should use functional component instead of class based component

[americanstelent]

I love this channel its very helpful
sir kindly upload part 2

[subhodipkanjilal]

1:29:37 in useState 'products' is to be passed instead of 'productList'.

[samit]

Mam please make a video on various career paths for a CSE students, mostly ham sirf itna samjhte hai ki hame SDE banna hai, but we are not aware of various career. Please make it, very much needed

[sanjaygangrade]

Yeh hu na baat 🔥
One like for bhaiyas voice ❤️👍

[totallynotrajat]

There was a jump cut at 1:29:37 and you changed some things. I can't use the hook and I'm getting the error "Line 21:7: Parsing error: Identifier 'productList' has already been declared. (21:7)".

Edit: Figured out what was going wrong. He changed the name of the array from productList to products during the jumpcut.

[nonstopfeelings]

I'm watching this video in January 2024

[nn]

Just Amazing 😍😍
Thanks for keeping us on track everytime.