JVL code

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: 
https://github.com/jvlcode/mini-ecommerce-jvlcart
https://github.com//jvlcode/react-testing-library-tutorial
https://github.com//jvlcode/react-redux-customer-example
https://github.com//jvlcode/react-guess-the-number
https://github.com//jvlcode/react-http-crud
https://github.com//jvlcode/react-router-complete
https://github.com//jvlcode/react-router
https://github.com//jvlcode/react-usereducer-hook
https://github.com//jvlcode/react-useref-hook
https://github.com//jvlcode/react-usecontext-hook
https://github.com//jvlcode/react-todo-list
https://github.com//jvlcode/react-useeffect-basics
https://github.com//jvlcode/react-state-basics
https://github.com//jvlcode/react-basics
https://github.com//jvlcode/react-login-register
https://github.com//jvlcode/react-20minutes
https://github.com//jvlcode/react-crud-with-hooks

🤝 **Donate & Help this Channel:**
UPI: 9444914384@okbizaxis
PayPal: https://paypal.me/jvlogesh
Buy me Kofi : https://ko-fi.com/jvlcode

🌐 **Join Udemy Courses**
React Developer Course: https://www.udemy.com/course/angular-developer-course-in-tamil/
Angular Course: https://www.udemy.com/course/angular-developer-course-in-tamil/

📧 **Contact Information:**
📬 Email: updatelogesh@gmail.com
🔗 LinkedIn: https://linkedin.com/company/jvl-code
📷 Instagram: https://www.instagram.com/jvlcode
📱 Whatsapp: https://whatsapp.com/channel/0029VaCuQaGJP20yNnFF4Z0H
📘 Facebook: https://www.facebook.com/jvlcode
🌐 Website: https://www.jvlcode.com

🔔 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

React Full Course for Beginners in Tamil | Complete Guide 2024

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills