React JS Full Tutorial for Beginners | What is React JS? - Learn React JS in 9 Hours
HTML-код
- Опубликовано: 5 авг 2024
- In this detailed React JS tutorial, you will learn React JS in Hindi. This React JS crash course will help you get an overview of what is React JS and how to use and implement React JS for beginners.
React JS is a JavaScript library that builds user interfaces for single-page applications. It is open-source, which is used for handling the view layer for mobile apps and the web. You can also create reusable UI components with this react crash course.
With this detailed React tutorial for beginners, you will learn everything from basic to pro. Timestamps are also mentioned down below for this react tutorial.
00:00:00 | Introduction of Course
00:00:35 | What is React JS
00:10:17 | How to Install React JS
00:20:48 | Directory Structure of React App
00:31:45 | The Workflow of React App
00:39:39 | What are REact components
00:43:30 | React JS Functional vs Class Components
01:00:17 | What is JSX & Why use it in React
01:09:07 | React JS Props
01:20:31 | What is State in React JS
01:28:17 | Event Handling with Method in React JS
01:36:24 | How to Add CSS to React Component
01:45:38 | Module Style for a Component
01:49:22 | what is AXiOS & How to use it with React JS
01:53:22 | Redux Flow-its Work
01:57:16 | How to Render List in React Component
02:06:10 | What is Key Prop in React JS
02:11:11 | How to Render Data Conditional in React Component
02:16:55 | How to Delete Data From the State in React JS
02:24:08 | Handling the form inputs in React JS
02:37:48 | Form Handling using Controlled Components
02:46:26 | How to Create Registration for using Greeting Screen
03:04:41 | Show & Hide Password along with Dynamic Style
03:13:45 | How to Add CSS Classes Dynamically in React JS
03:18:45 | Styled Component Library in React JS
03:27:02 | Implementing Media Query and Hover Using Styled
03:32:00 | How to Use Props Inside a Styled Component
03:39:25 | How to Set up the Environment for Firebase
03:46:39 | Setup of the Survey Project
04:00:54 | Handling the Name and the Answers with the State
04:14:42 | How to Initialize the Firebase in React JS
04:20:26 | Send the DAta to the firebase
04:28:10 | Setup the Login & Register Components
04:35:06 | Register User using Firebase in React JS
04:54:03 | Sign in with Email & Password using Firebase
05:05:24 | Google Login using Firebase
05:14:34 | Converting a Template
05:29:41 | Complete Setup for React Router Packages
05:43:47 | Create React 404 Page Not Found using React Router
05:46:41 | Redirecting Page After Successful Login and Logout using Router
05:55:16 | Nested Routing in React
06:09:21 | useState Hook to Handel State inside Function Components
06:19:05 | Stateful & Stateless Component in React JS
06:20:42 | Component Lifecycle Method in React JS
06:26:06 | Class Component Mounting Lifecycle Method
06:36:01 | Class Component UnMounting Lifecycle Method
06:40:04 | Understanding the HTTP_AJAX Request in React JS
06:45:49 | Fetching Data Using GET HTTP Request in React JS
06:53:06 | Displaying the Fetched Data in Blog Project
07:06:00 | How to Post Data to the API with React jS
07:13:11 | Deleting Data using Axios in React JS
07:19:16 | Default Global Configuration for axios
07:22:57 | Creating and Using Axios Instances
07:28:17 | Weather App
07:34:23 | Converting the Template into Component
07:53:07 | Handling the Lat and Lon using State in React JS
08:06:57 | How to get Data Using API in React JS
08:24:57 | Show Loading Screen While Fetching Data
08:30:21 | Recent Search Bar Filter
08:45:14 | Research the Recent Searched Data in React JS
08:53:12 | Save Recent Searches in Local Storage
09:01:58 | Understanding State and its Complexity
09:05:41 | Setting up Reducer and Store
09:13:00 | Create Dispatching Action in React JS
09:17:47 | Create Subscription
09:23:42 | Connect React to Redux
09:29:23 | Connect ReactJS to Store
09:35:38 | Dispatching Actions from within the Component
💎 Get Access to Premium Videos and Live Streams: / @wscubetech
Connect with WsCube Tech on social media for the latest offers, promos, job vacancies, and much more:
► Subscribe: bit.ly/wscubechannel
► Facebook: / wsubetech.india
► Twitter: / wscubetechindia
► Instagram: / wscubetechindia
► LinkedIn : / wscubetechindia
► RUclips: / wscubetechjodhpur
► Website: wscubetech.com
-------------------------------------| Thanks |--------------------------
#ReactJS #ReactJSTutorial #ReactJSCrashCourse
😎Hey, thanks for watching! We’d love to know your thoughts/doubts here in the comments.
🔴 To learn Web Development online with regular LIVE CLASSES, enroll now: forms.gle/XVJRMQdCMoPeNpBm7
👉For professional self-paced certification courses (pre-recorded), visit: bit.ly/Pre-Recorded-Course
👉Don’t forget to SUBSCRIBE to our channel for more such videos & valuable content: bit.ly/RUclips-WsCubeTech
The way of explanation with real time example is very good.
ನಿಮ್ಮ ವಿವರಿಸುವ ವಿಧಾನ ತುಂಬಾ ಚೆನ್ನಾಗಿದೆ
if you make notes in this lecture please send me
Really awesome course even if it is old but i love it
I love your channel ws cube tech... This channel teach me front-end web development & I spacelly love giri sir.. Who teach us in really verry fantastic way❤❤❤❤❤❤❤❤❤❤❤❤❤❤mant many many many many love from heart sir🙏🙏from Bihar🙏🙏
Awsome explanation sir. Subscribed this channel 💖
best demonstration ever seen👌
well explained ,thank you😍
Such an underrated video. Thanks
Dam. Ur videos are really amazing.. Topic wise and easy.. Pls make a COMPLETE MERN STACK TUTORIAL. PLSSSSSSSSSS🥴🥴
This video is Very helpful,
Thanks wscub tech
Awesome content! Awesome teaching style.
bhai notes banaye ho to send kr do bhai
Excellent demonstration.. Awesome job sir g.. Thank u..
Wow sir It's great explanation.
Sir You are my favourite teacher
thank to you for your effort
Fabulous Video❤
like here after watching full tutorial🧑💻
Best react courses in the entire youtube specially for pakistani & indian
P⁰⁹⁸7⁷⁶⁶⁵2²¹.,
,
,.m.,m
,Mlmp⁹pppói⁸⁷y5⁵⁴é²¹3344⅚ to í that gyi both zoom water cool no no honeymoon on vinyl
Pakistan can only teach how to make bombs 💣
And bangadesh
This video is Very helpful,
Please make REACT-NATIVE crash course,
Sir can you provide a complete crash course on React Native from beginner to advanced level
You are a good teacher
very useful viedo
thanks a lot sir for this viedo
awesome 👌👌
Very informative video ,Please make BackEnd Nodejs Full Course ❤️🙏🙏🙏
Thank you so much
AT 2:56:34 how you decide to make all states in app.js and registrationhandler also. why can't we make name,email,pswrd state and registrationhandler in register.js
really its a best course
Your laravel tutorial was awesome
Thanks for this help sir
Thanks 😊 Mam for this course
Welcome sister
You guys are awesome
React JS Full Tutorial for Beginners is Very Helpful ❤❤
Apne Khan sir programmes ke liye
Please make this course in functional component
Thank you sir
Respect ❤️
Nice 👍
Excellent explainatin
#Great video
completely hooked
thank you sir ☺☺☺
Great teacher
apne notes banaye ho to send kr do plz
Thanks mam
Hi sir mam pls make a video on adobe after effect
I request to make series using functional component
I have one doubt sir, I created database in firebase but my data does not going in to firebase, Please help me for that.
Osm
please make a video on vue js beginer to advance
Love from Pakistan ❤❤❤
which extension download for html suggetion
Please make one video react hooks
Sir can you please provide the template of weather app
Mam meri create-react app create nhi hori..node.exe is not recognised aara h
Please make real project using front end all tools Please sir
Sir We need a React Native Course in 2023
Hlo sir ab to class component use hi ni ho rha, so Plz function component pr bhi bna dain
Pleease implement Django with react js
Hello sir ky is video se av padhna shi rhega kyuki ye 2 sal purani video h to ky mai isse pdh skti hu pls sir reply 😢
Angular Full Course kab upload ho raha hai, sir ???
Thanks for hindi bhagwan apko khub khusiya de
from where i can gets the notes
❤️❤️❤️
Data entry video v bnaye
Dir Aap NODE JS AUR ANGULAR JS PAR V VIDEO banaiye
Sir we import firebase but from where we export?? Error is showing
Good
Anyone will suggest this course?
anybody knows unexpected tokec '
Sir keya hm Log direct front End keleye..
Js and React Start kar sakte hai...
Matlab HTMl css bootstrap jqury esko chor ke
Ha tu bina Jamin k ghr bna lega phle ye bta agar bina jamin k ghr bna skta hai to tu js bhi chod de or sidha react kr
can you provide me the the slides of these video materials ??
Html css JavaScript complete then choose to angular or react
React is superb superb option
if i download react js with vite
What is that screen on which u cna write??
Any one who can tell me?
Visual studio code
5:31:37 At this timeline if you download Router then may be your get error in using Switch because in the new version it is replaced with "Routes", so do this:
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
And replce Switch statement with the Routes like this;
This will work.
Bythe way Amazing course😎
Sir affiliate marketing k uper full video bnaye bro
Sir bro.... Bro sir.... 😅
make a video on Django with react
I have one error and I don't know how to solve
Which is the best language to learn in 2022?
c++ and dsa
Ese course ko karne ke baad kya hum frontant developer ki job mil sakte hai...
It also depends ur mind and practice how much u grabbed from this session if u think u have successfully gained much knowledge than u can apply for job
// App.js///
import React, {Component} from 'react';
import logo from './logo.svg';
import './App.css';
import demo from './components/demo';
class App extends Component {
render(){
return (
);
}
}
export default App;
///Demo.js///
import React from "react";
function demo () {
return (
hiiiii
)
}
export default demo;//
error.... Line 5:8: 'demo' is defined but never used no-unused-vars.....solve it sir plz
Bhai is Blog project ka source code Kahan se milega 💀
Woh wale sir kahan hain??
Aap koi v topic ko iatna jyada difficult kyu kr dete h 😢
Re-upload.. why?
Because in last upload voice is not audible after 1:30 hours
dzb adb
9 hours ka to full course hota he🌝
Crash course nhi😛
bhai bakchodi km kr
Hi Sir i'am Ashish Malviya kya aap coding ke uper full video banayege
Sir please make videos of blender
🌹🌹💖💖
React native ka full course upload kro medam
Sir, Kya yeh complete code mil jayega kya?
Please Reply.
Sit kotlin pe video banye na
project bta do
We need full MERN stack course
Yes sir please
Maza nahi aya harek video ka coding ka pdf hona chahiye banda video dekhne k baad step by step practical karke dekh sake
6/5/23 to
sir template ka code kaha milega sir practice ke liye to chahiye
Which is better python or react js
react js used for UI(frontend) and python framework django used for backend .....so it's totally depends on u whether u find designing things good or playing with database and solving logical problems
sir notes send kr do
Sir please make videos of blender 🙏🙏🙏🙏🙏🙏♥️♥️♥️♥️♥️♥️🆗🆗🆗🆗🆗🆗🆗
Please sir react native course upload
kisi ne ye poora video dekh liya hai kya ?? agr han to plz btao k kya ye video se react ache se sikhi jaa skti hai ??