- 48
- 388 364
CodeWithKarthik
เข้าร่วมเมื่อ 26 พ.ค. 2022
React Js - Complete Bootcamp | Tamil #codewithkarthik
Welcome to my React.js tutorial! In this video, we'll dive into what React is, the importance of components, and the different types of components. You'll also learn about props, prop drilling, and how to lift state up for effective data management. Whether you're new to React or brushing up on the basics, this video covers essential concepts to help you build dynamic user interfaces. Don’t forget to like and subscribe for more web development tutorials!
00:00 - Intro
01:18 - React.js in Software Development
07:18 - Installing Node.js
08:58 - Creating Project
15:29 - Opening Project
18:56 - Hello World
20:19 - Folder Structure
31:15 - Component
33:13 - Function Component
37:16 - CSS in React
43:56 - Creating Custom Component
48:10 - Props
55:19 - Default Props
57:49 - Props Destructuring
01:00:05 - Children Special Prop
01:03:05 - onClick
01:20:17 - Prop Drilling
01:38:39 - useState
01:41:03 - Lifting State Up
01:52:42 - Class Component
00:00 - Intro
01:18 - React.js in Software Development
07:18 - Installing Node.js
08:58 - Creating Project
15:29 - Opening Project
18:56 - Hello World
20:19 - Folder Structure
31:15 - Component
33:13 - Function Component
37:16 - CSS in React
43:56 - Creating Custom Component
48:10 - Props
55:19 - Default Props
57:49 - Props Destructuring
01:00:05 - Children Special Prop
01:03:05 - onClick
01:20:17 - Prop Drilling
01:38:39 - useState
01:41:03 - Lifting State Up
01:52:42 - Class Component
มุมมอง: 2 897
วีดีโอ
React Js - Complete Bootcamp | Part 6 | Tamil #codewithkarthik
มุมมอง 572หลายเดือนก่อน
Learn Redux and Redux Toolkit in this comprehensive tutorial designed for beginners and experienced developers alike. We break down the fundamentals of state management with Redux and introduce you to the advanced features of Redux Toolkit for streamlined development. By the end, you’ll be able to efficiently manage global state in your applications. Perfect for anyone looking to master modern ...
React Js - Complete Bootcamp | Part 5 | Tamil #codewithkarthik
มุมมอง 663หลายเดือนก่อน
Create a React app to perform CRUD operations using Axios for HTTP requests. Axios handles communication with a backend API by sending GET, POST, PUT, and DELETE requests. Use useState to manage local state and useEffect to fetch initial data. Implement error handling for reliable data transactions and provide a dynamic UI for user interactions. Download Styles [ github.com/CodeWith-Karthik/Rea...
React Js - Complete Bootcamp | Part 4 | Tamil #codewithkarthik
มุมมอง 804หลายเดือนก่อน
In this video, you'll learn how to create an upsert component in React, which allows you to handle both creating and updating data in a form. We’ll cover managing form inputs, updating state dynamically, and handling form submissions for both insert and update actions. This approach helps streamline data management in your React apps. Download CSS [ github.com/CodeWith-Karthik/ReactJs-Templates...
React Js - Complete Bootcamp | Part 3 | Tamil #codewithkarthik
มุมมอง 9402 หลายเดือนก่อน
In this video, I explain React Router, a library for routing in React applications. You'll learn how to set up routes, switch between different components, and manage dynamic paths. I also cover nested routes and the use of parameters for flexible navigation. By the end, you'll be able to implement seamless page transitions in your React projects! Download Resource [ github.com/CodeWith-Karthik...
React Js - Complete Bootcamp | Part 2 | Tamil #codewithkarthik
มุมมอง 3.7K2 หลายเดือนก่อน
In this video, we dive deep into React hooks, including useState for managing state, useEffect for handling side effects, and useRef for accessing DOM elements. We also explore advanced hooks like useContext for managing global state, useReducer for complex state logic, and performance optimization with useCallback and useMemo. Plus, we introduce useTransition for smoother UI updates and show h...
React Js - Complete Bootcamp | Part 1 | Tamil #codewithkarthik
มุมมอง 4.3K2 หลายเดือนก่อน
Welcome to my React.js tutorial! In this video, we'll dive into what React is, the importance of components, and the different types of components. You'll also learn about props, prop drilling, and how to lift state up for effective data management. Whether you're new to React or brushing up on the basics, this video covers essential concepts to help you build dynamic user interfaces. Don’t for...
Apple Website Clone using HTML and CSS | Tamil
มุมมอง 2.3K2 หลายเดือนก่อน
This video provides a comprehensive introduction to HTML, CSS, and responsive design. It covers essential HTML elements like formatting, lists, and quotations, followed by a deep dive into CSS styling techniques. The tutorial also includes responsive design principles, demonstrating how to make websites adaptable to various screen sizes using media queries. With practical examples and step-by-s...
.Net Core MVC (Model -View -Controller ) Tutorial - Beginners to Expert | #codewithkarthik
มุมมอง 12K3 หลายเดือนก่อน
.Net Core MVC Full Course Link [ www.udemy.com/course/ultimate-guide-to-aspnet-mvc-net-7-in-tamil/?couponCode=CWKNOV2024 ] .Net (8) Core API Course [ www.udemy.com/course/ultimate-guide-to-net8-core-web-api-with-ef-core/?couponCode=CWKNOV2024 ] Full Angular Course - [ www.udemy.com/course/angular-bootcamp-dive-deep-into-front-end-development/?couponCode=CWKNOV2024 ] EF Core Full Course [ www.ud...
JavaScript course for beginner to expert in Tamil | 10 Hours #codewithkarthik
มุมมอง 38K3 หลายเดือนก่อน
Unlock the power of JavaScript with our comprehensive course! From basics to advanced topics like OOP, ES6 features, and async/await, this course offers hands-on projects to transform you into a JavaScript pro. Dive in and start building amazing web applications today! Download Template - [ github.com/CodeWith-Karthik/Javascript-Template ] Course Content 00:00 Intro 00:50 Course Content 03:30 J...
Dapper in .Net Core Application | Tamil
มุมมอง 1.4K4 หลายเดือนก่อน
In this video, I guide you through creating a robust API using Dapper .NET for efficient CRUD operations. You'll learn how to set up and configure Dapper for data access, create and manage stored procedures, and implement CRUD functionalities in your API. The step-by-step tutorial ensures you can follow along easily and apply these techniques to your projects. Whether you're a beginner or looki...
MongoDB Complete Course in Tamil | 3 Hours
มุมมอง 15K5 หลายเดือนก่อน
Dive into MongoDB with this detailed tutorial! 🌟 Learn how to perform CRUD operations and master embedded documents for efficient data management. Explore powerful query operators, CRUD options, and advanced filters to enhance your database skills. Perfect for developers at any level, this video provides practical examples and clear explanations. Join us to unlock the full potential of MongoDB....
SQL - Structured Query Language | Tamil
มุมมอง 8K5 หลายเดือนก่อน
Udmey Course Link [ www.udemy.com/course/sql-structured-query-language-with-mysql-2024/?couponCode=CWKNOV2024 ] Datatype Documentation [ dev.mysql.com/doc/refman/8.4/en/data-types.html ] Course Outline: Mastering Databases and SQL with MySQL 1.What is a Database? - Definition and importance - Types of databases 2.Understanding SQL and RDBMS - Introduction to SQL - What is a Relational Database ...
How to implement charts in angular project | Tamil
มุมมอง 3645 หลายเดือนก่อน
In this video, we'll guide you through the process of integrating Chart.js into your Angular application. You'll learn how to create stunning, interactive charts with ease. We'll cover everything from setting up your project to configuring different chart types, such as bar, line charts & etc. Our step-by-step instructions make it simple for beginners and experienced developers alike. By the en...
Google Authentication in .Net Core Apps | OAuth | .Net 8
มุมมอง 1.5K5 หลายเดือนก่อน
Google Authentication in .Net Core Apps | OAuth | .Net 8
Tamil - How to Install Bootstrap in Angular
มุมมอง 3666 หลายเดือนก่อน
Tamil - How to Install Bootstrap in Angular
Angular Full Course in Tamil | PART - 1 | 13 HOURS
มุมมอง 12K6 หลายเดือนก่อน
Angular Full Course in Tamil | PART - 1 | 13 HOURS
Bootstrap 5 Crash Course in under 3 hours | Tamil
มุมมอง 2.9K7 หลายเดือนก่อน
Bootstrap 5 Crash Course in under 3 hours | Tamil
Entity Framework Core in Tamil | Part 1 | (5 Hours)
มุมมอง 4.8K10 หลายเดือนก่อน
Entity Framework Core in Tamil | Part 1 | (5 Hours)
Tamil - .Net 8 Core Web API - From Scratch to Production Level | Part 1 | (8 Hours) Course
มุมมอง 15Kปีที่แล้ว
Tamil - .Net 8 Core Web API - From Scratch to Production Level | Part 1 | (8 Hours) Course
Tamil - .Net Core MVC (Model -View -Controller ) Tutorial - Beginners to Expert | Part 1
มุมมอง 31Kปีที่แล้ว
Tamil - .Net Core MVC (Model -View -Controller ) Tutorial - Beginners to Expert | Part 1
Tamil - .Net 7 Razor Pages Tutorial for Beginners
มุมมอง 6Kปีที่แล้ว
Tamil - .Net 7 Razor Pages Tutorial for Beginners
Put timestamp anna
wondeful explanation, thank you so much bro.
Bro, I have a query, from your example i'm trying to concept "Many-To-Many" aggregation. From companies -> got Employee details with below, db.companies.aggregate([{$lookup:{from:'employees','localField':'_id',foreignField:'company_id',as:'Employees'}}]) --> I got the result Like wise, from this continuation I'm trying to get "profile" information for each empoyees using below query db.companies.aggregate([{$lookup:{from:'employees','localField':'_id',foreignField:'company_id',as:'Employees'}},{$unwind:"$employees"},{$lookup:{from:'profiles','localField':'employees._id',foreignField:'employee_id',as:'profileDetails'}}]) --> But not getting any result in this and no error. What would be the mistake here. Can help?
good👋
Thank you, bro
delegates,generics,dependency injection,linq ithu mari konjam complex topics explain panuga useful ah irukum,otherwise all your videos are clear to the point. Thanks for this tutorial.
Nice Bro really nice
It's very useful bro 💫
Way of Teaching is really good. Thanks for sharing useful notes. :)
I am completed this project🤩🙏....Thank you so much... 😊
bro ur content is too good but u speaking less volume
Bro css template enga bro
Bro Linq basics video poduga bro pls....
Excellent tutorial. And I bought your .Net 8 Web API Full Course today.
Thank you and congratulations 🥳
Bro neega sonna console.log ku shortcut antha shortcut work aagala bro vera shortcut irutha solluga bro
This is sufficient for interview? Pls reply
nice Sir❤🔥❤🔥
Thank you ☺️
Bro vscode la code da arrange panna enna shortcut in windows
Use prettier plug-in bro
Bro.. Post page 404 error varudhu bro..
madol class pathi oru video poduga
.net MAUI க்கும் blazor க்கும் தமிழில் வீடியோ போடுங்கள் bro. இதன் பிறகு இதை தான் கற்றுகொள்ள போறாங்க .net டெக்னாலஜி ல உள்ளவங்க....
Very Useful Content and detailed explanation with examples. Can you please make video for node Js
Financial analyst ku theva paduma sir
Could you make a video on LINQ basics in C#? A beginner-friendly tutorial covering query syntax, method syntax, and essential LINQ methods would be amazing!
Great brother ❤
Thanks a lot ☺️
Inammu react le concepts irukaa 😳
Clear Explanation Bro
Useful course, Thank you 🙏
Super
Romba nadri upload panthuku.nerya vedio podu Tamil la .
👍🏻
i want use Jwt but i can't do it , you can teach about jwt use in function login with google?
really amazing example and explanation , i loved it can i get your phone number for doubts and clarification
Thank you so much ☺️, you can reach me on discord
Full timelapse
Js web ku Edhu podhuma brother
For beginning it’s enough bro
blazor kum .net MAUI kum tamil la videos podunga bro. .net technology la ullavanga ellarum future la ithaithaan use panna porangannu ninaukuren...
Good work bro ❤
Thanks 🔥
Bro after migration update -database kudtha varla
Next part bro
Complete course available on Udemy link in video description itself
Bro Next enna topic video upload pannuvinka?
Didn’t planned anything yet bro
Angular Vs React, which we can Prefer? I felt like angular is more Structured after working in angular for a year
Kindly check this video - th-cam.com/video/ajfwPiqsA4A/w-d-xo.htmlsi=ISb69V7On3DDdnVa
Hi bro... I have a doubt.... Switch statement la case 1 age 10 matum than thara mudiyuma... 1to 10 nu tharalama... Apo result la 5 enter pannalum child varuva
Bro node.js
I’ll try 😊
Bro unga video paathu purinjadhu
You are welcome ☺️
Bro which company are you working bro.
Freelancing bro
Fullaa cover pannii irukkinkalaa? Bro.
Yes bro
Bro its overall covered or not please tell me bro, its reactjs course neenga advanced topics cover pannirukkingala bro
I've covered all the important topics in ReactJS.
Next. Next js fulla potunga bro
Thanks for this video😊
You're welcome ☺️
Time stamp full ah podunga bro
Sure 👍🏻
Super 😊 And thank bro...
Welcome 😊