ReactJS Tutorial for Beginners | Learn React in 2.5 Hours | Part 1
Project at :
🔥Java Placement Course :
🔥Complete C++ Placement Course (Data Structures+Algorithm) :
🔥Telegram:
🔥Instagram:
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
My YouTube Gear 😉:
#ReactJS #Tutorial #Beginners #Learn #React #Hours #Part
learn react
C++,C++ coding,C++ full course,C++ placement course,how to code,programming,college placement course,C++ language,java,java language,java full course,java placement,java code,java coding
product & product list is so confusing
40 mint spend for only react setup.
1:17:06
You not converted the class to className but it is working how this hell plz tell me???
Intro music 🎶 ..❤
what is your name brother…nicely explained✌👍
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.
Django pr bhi ek short video… Pkz.
Please add this in a playlists
Plz make a video on nodejs also
Sare course me kuch samaj nahi ata
Need part 2 of this Content..plzz
Ye t-shirts mere pas bHi he
Bring some project Also????
after 1 hour 26 minutes this course gets too complex to understand as a beginner .
Urgently need part 2
Bhaiya backend start karwado plzz
sir make video on how to make website using react j.s from scratch
Please make flutter course
Amazon : Apni Dukaan,
Apni kaksha : Apna cart
Baii starting shi krwai baaki sb boring tha 🙂or shyd yeh half video h bhut saare topics ni krwaye apne jo main h
part 2 ka ???
When will the second part come ?
Waiting and so excited
When can we expect part2, if you did plz share the link/video…it's simply awsome.
Thanks, in advance.
I love this channel its very helpful
sir kindly upload part 2
sir hum ko display show nai hu raha bootstrap add karna ka bad
You are a great sir,your teaching style is unique
best explaination thanks for this course …
Most waiting video.
Aman bhaiya part 2 kab ayega ??
30:54 was 😂 BTW nice video.
Part 2 sir ji