React Full Course for Beginners in Tamil | Complete Guide 2024

Learn React from scratch with this comprehensive tutorial series! From understanding the basics to building a complete Ecommerce project, each section covers essential concepts. Dive into React components, state management, React Router, testing, and even building an Ecommerce app. Get hands-on experience with real project exercises and step-by-step guidance. Start your React journey now!

Chapters:
Section 1: Introduction to React
00:00 - Introduction
0:02:34 - What is React?
0:10:32 - Using React in HTML

Section 2: Getting Started with React
0:20:33 - Create React App Tool
0:25:11 - Running Project
0:30:36 - Understanding React Project

Section 3: React Basics
1:12:40 - Class Component
1:18:24 - Props
1:30:04 - Props in Class Component
1:33:53 - React Developer Tools Browser Extension
1:38:03 - Conditional Rendering
1:50:34 - List
1:56:55 - List Keys
2:03:40 - Inline CSS Styling
2:10:27 - CSS Stylesheet
2:19:41 - Creating State
2:29:49 - Creating State in Class Components
2:37:52 - Multiple State in Hooks
2:43:49 - State with Object
2:47:35 - Updating Object in State
2:58:09 - Updating Object in Class Component
3:01:51 - Updating Arrays in State
3:13:33 - useEffect
3:24:34 - Using useEffect in Different Ways
3:30:45 - Creating Form
3:35:28 - Getting Input value to State
3:41:09 - Submitting Form
3:46:57 - Handling Multiple Input Fields
4:00:24 - Simplifying onChange Handler
4:17:01 - Textarea in React

Section 4: Project Exercise
4:22:17 - Creating Game Project: Guessing the number

Section 5: React Router
4:43:58 - React Router Introduction
4:44:32 - React Router Setup
5:01:04 - Router Links
5:07:37 - Route Parameters
5:17:05 - Nested Routes
5:24:15 - Navigating Programmatically
Section 5: Project Setup and User Management

5:32:51 - React Hook Repo Setup
5:36:02 - Project Setup
5:41:37 - Displaying User Data
5:56:11 - Adding New User
6:20:07 - Updating User Data
6:41:24 - Deleting User

Section 6: Testing
6:52:18 - Why Testing?
7:05:21 - Creating Test Suite File
7:06:30 - Creating Test Case
7:07:47 - Running Tests
7:10:38 - Writing Test Assertions
7:18:21 - Testing: Inputs are empty

Section 7: Building Ecommerce Project
7:26:33 - Backend Setup
7:32:23 - Environment Variables Configuration
7:37:06 - Creating Routes & Controllers
7:45:00 - Testing API routes with Thunderclient
7:52:03 - Connecting Database
8:00:21 - Creating Product Model
8:04:54 - Building Get Products API
8:10:37 - Building Get Single Product API
8:17:58 - Building Order API

Section 8: Ecommerce Project FrontEnd
8:39:08 - Create React Project
8:41:05 - Frontend Project Setup
8:45:36 - Creating HomePage
8:51:21 - Creating Header & Footer Components
8:55:04 - Breaking Page to Components
8:58:02 - Integrating Get Products API
9:03:35 - Fixing CORS Error
9:07:47 - Showing Product Card Details
9:26:20 - Implementing Product Search
9:37:19 - Creating Product Detail Page
9:52:05 - Add To Cart Functionality

Download Projects:

🤝 **Donate & Help this Channel:**

🌐 **Join Udemy Courses**

📧 **Contact Information:**

🔔 For business inquiries or collaborations, please use the provided contact information. Thank you for your support! Don't forget to like, share, and subscribe for more content! 🔔

#reacttutorial #reactbasics #reactrouter #ecommerceproject #reactdevelopment #webdevelopment #reactjs #javascript #codingtutorial #learncoding #programming #frontenddevelopment #reacthooks #reacttesting #ecommerceapp #webdevproject

[MohomedFarhan-offxl]

9 DAYS STUDY PLAN:
Day 01,
00:00 - Introduction
0:02:34 - What is React?
0:10:32 - Using React in HTML

0:20:33 - Create React App Tool
0:25:11 - Running Project
0:30:36 - Understanding React Project

1:12:40 - Class Component
1:18:24 - Props
1:30:04 - Props in Class Component

Day 02,
1:33:53 - React Developer Tools Browser Extension
1:38:03 - Conditional Rendering
1:50:34 - List
1:56:55 - List Keys
2:03:40 - Inline CSS Styling
2:10:27 - CSS Stylesheet
2:19:41 - Creating State
2:29:49 - Creating State in Class Components
2:37:52 - Multiple State in Hooks
2:43:49 - State with Object
2:47:35 - Updating Object in State
2:58:09 - Updating Object in Class Component
3:01:51 - Updating Arrays in State

Day 03,
3:13:33 - useEffect
3:24:34 - Using useEffect in Different Ways
3:30:45 - Creating Form
3:35:28 - Getting Input value to State
3:41:09 - Submitting Form
3:46:57 - Handling Multiple Input Fields
4:00:24 - Simplifying onChange Handler
4:17:01 - Textarea in React

Day 04,
4:22:17 - Creating Game Project: Guessing the number

4:43:58 - React Router Introduction
4:44:32 - React Router Setup
5:01:04 - Router Links
5:07:37 - Route Parameters
5:17:05 - Nested Routes
5:24:15 - Navigating Programmatically

Day 05,
Section 5: Project Setup and User Management

5:32:51 - React Hook Repo Setup
5:36:02 - Project Setup
5:41:37 - Displaying User Data
5:56:11 - Adding New User
6:20:07 - Updating User Data
6:41:24 - Deleting User

Day 06,
6:52:18 - Why Testing?
7:05:21 - Creating Test Suite File
7:06:30 - Creating Test Case
7:07:47 - Running Tests
7:10:38 - Writing Test Assertions
7:18:21 - Testing: Inputs are empty

Day 07
7:26:33 - Backend Setup
7:32:23 - Environment Variables Configuration
7:37:06 - Creating Routes & Controllers
7:45:00 - Testing API routes with Thunderclient
7:52:03 - Connecting Database
8:00:21 - Creating Product Model
8:04:54 - Building Get Products API
8:10:37 - Building Get Single Product API
8:17:58 - Building Order API

Day 08,
8:39:08 - Create React Project
8:41:05 - Frontend Project Setup
8:45:36 - Creating HomePage
8:51:21 - Creating Header & Footer Components
8:55:04 - Breaking Page to Components
8:58:02 - Integrating Get Products API

Day 09,
9:03:35 - Fixing CORS Error
9:07:47 - Showing Product Card Details
9:26:20 - Implementing Product Search
9:37:19 - Creating Product Detail Page
9:52:05 - Add To Cart Functionality

[dhanushroy]

Chapters:
Section 1: Introduction to React
00:00 - Introduction
0:02:34 - What is React?
0:10:32 - Using React in HTML

Section 2: Getting Started with React
0:20:33 - Create React App Tool
0:25:11 - Running Project
0:30:36 - Understanding React Project

Section 3: React Basics
1:12:40 - Class Component
1:18:24 - Props
1:30:04 - Props in Class Component
1:33:53 - React Developer Tools Browser Extension
1:38:03 - Conditional Rendering
1:50:34 - List
1:56:55 - List Keys
2:03:40 - Inline CSS Styling
2:10:27 - CSS Stylesheet
2:19:41 - Creating State
2:29:49 - Creating State in Class Components
2:37:52 - Multiple State in Hooks
2:43:49 - State with Object
2:47:35 - Updating Object in State
2:58:09 - Updating Object in Class Component
3:01:51 - Updating Arrays in State
3:13:33 - useEffect
3:24:34 - Using useEffect in Different Ways
3:30:45 - Creating Form
3:35:28 - Getting Input value to State
3:41:09 - Submitting Form
3:46:57 - Handling Multiple Input Fields
4:00:24 - Simplifying onChange Handler
4:17:01 - Textarea in React

Section 4: Project Exercise
4:22:17 - Creating Game Project: Guessing the number

Section 5: React Router
4:43:58 - React Router Introduction
4:44:32 - React Router Setup
5:01:04 - Router Links
5:07:37 - Route Parameters
5:17:05 - Nested Routes
5:24:15 - Navigating Programmatically
Section 5: Project Setup and User Management

5:32:51 - React Hook Repo Setup
5:36:02 - Project Setup
5:41:37 - Displaying User Data
5:56:11 - Adding New User
6:20:07 - Updating User Data
6:41:24 - Deleting User

Section 6: Testing
6:52:18 - Why Testing?
7:05:21 - Creating Test Suite File
7:06:30 - Creating Test Case
7:07:47 - Running Tests
7:10:38 - Writing Test Assertions
7:18:21 - Testing: Inputs are empty

Section 7: Building Ecommerce Project
7:26:33 - Backend Setup
7:32:23 - Environment Variables Configuration
7:37:06 - Creating Routes & Controllers
7:45:00 - Testing API routes with Thunderclient
7:52:03 - Connecting Database
8:00:21 - Creating Product Model
8:04:54 - Building Get Products API
8:10:37 - Building Get Single Product API
8:17:58 - Building Order API

Section 8: Ecommerce Project FrontEnd
8:39:08 - Create React Project
8:41:05 - Frontend Project Setup
8:45:36 - Creating HomePage
8:51:21 - Creating Header & Footer Components
8:55:04 - Breaking Page to Components
8:58:02 - Integrating Get Products API
9:03:35 - Fixing CORS Error
9:07:47 - Showing Product Card Details
9:26:20 - Implementing Product Search
9:37:19 - Creating Product Detail Page
9:52:05 - Add To Cart Functionality

[balasubramanie]

underrated react tutorial for beginners

[allrounder]

2, 3 channel pathan bro.enaku step by step ah ella topics ah order padi purira Mari solreenga . Thanks

[indu]

Excellent tutorial which I have ever seen in youtube.. keep going

[vijayshankarcrypto]

Amazing tutorial bro. Ur channel deserves 1M subs. we will always be there to support you.

[thambirajahsritharan]

நீங்கள் செய்தது போல் node npx create-react-app NewReactApp என்று கொடுத்து வரும் result இதுதான் என்ன தவறு என்று தெரியவில்லை.but node -v ok.please என்ன செய்வது.

[ArunKumar-qxgg]

react developer aaga javascript oda data structures and algorithms (DSA) therinchikanuma bor?

[josueaureliomanirifazon]

Bro springboot advanced videos podunka

[phoenixdev]

Ultimate bro🔥 Bt timestamps kodutha nalla irkum

[RamaniRamani-wr]

HiBro, iam around lots of videos watched your channel and then Angular, react both UI FRAME WORK you Also teach is ultimate my personal opinion please you started own Institute in or online. Bcz iam BIG fan with you. ("JVL")

[shanmugapriyaganeshkumar]

hi sir, i have learned lot through this vedio, thankyou for this, but while practicing the project setup about the list of the users in table, after trying multiple times after adding the button the error like cannot read properties of null (useState ) is raising can you say me the possible solution sir..

[sowravraj]

Really you are doing a amazing job brooo. Dont stop it, Keep doing great things.

[suriya]

Thalaiva vera maari panta poo, enna oru thelivu, enna oru purithal apdiye java ku oru video podu thala

[sivaprasanth]

23.25..react folder path eppadi vaikarathu solrigalaaa

[rithol_]

I have learn top to bottom in react website sir, i have small doubt i pull the code in github, but i dono How to run the terminals

[nithyaganeshccbpian]

Awesome tutorial, thank you for this one! ♥

[Govarthanan_Na]

im always love your videos, i learned laravel, now im going to learn react

[sudhakar]

Ur videos are more useful ❤❤❤❤ thank you

[aiedu]

Happy to see great content creators like you ❤
The effort you did will make bunch of knowledgeable crowd, Thanks a lot ❤❤❤