🚀 Learn React JS in 90 Minutes! Complete Crash Course for Beginners 👨‍💻

🚀 Welcome to the ultimate React JS crash course for beginners! In just 1.5 hours, you'll embark on a coding journey that will empower you to build dynamic and interactive web applications from scratch. Whether you're new to programming or looking to enhance your web development skills, this comprehensive crash course will guide you through the essentials of React JS.
⚛️ Join us as we dive into the core concepts of React JS, demystifying its powerful components, state management, and reactivity. With hands-on examples and step-by-step guidance, you'll quickly grasp the foundations of this popular JavaScript library.
🎯 By the end of this crash course, you'll have the skills to craft modern, responsive, and user-friendly web apps that stand out in today's digital landscape. Get ready to unlock a world of possibilities with React JS!
🔗 Dive into the world of web development now - hit that play button and let's learn React JS together in just 1.5 hours! Don't forget to like, subscribe, and ring the notification bell to stay updated on more exciting tutorials. Happy coding! 👨‍💻❤
Instructor in this video: Sarthak Sharma
Visit our website: sheryians.com/
Socials:
Instagram: / sheryians_c. .
Facebook: / sheryians.co. .
Telegram: t.me/sheryians...
LinkedIn: / the-. .
Discord: / discord
Peace ✌️
#reactjs #javascript #webdevelopment #crashcourse #beginnerstutorial #codingjourney #coding

[@__Koustav__]

Let's vote for #teachadvanceJS 7:47

[@sujaljain5091]

Sir please make a video on those topic #teachadvance 7:47

[@Holly.786]

yes sir we want a video on advance topics. #teachadvancJS Let's vote for #teachadvanceJS

[@__Koustav__]

Yes wea want a video on this this topics #teachadvance 7:47

[@durgaprasaddalai3194]

#techadvance 7:49

[@MyCreativity0405]

Yes,plz make a video on advance JS..i am facing a lot of issues...i feel so bored when error comes☹️

[@karanbains6195]

We want intermediate and advance react course and more and more courses.... ❤

[@soumadip_banerjee]

Exactly 💯

[@jhonsnow534]

bs 5k like ho jae

[@Wishdomloom9462]

kzbin.info/www/bejne/fHm3k6aQeq-mprc

[@karanbains6195]

@@it17harshahuja81 Now we are talking sir 🙏❤️

[@gauravpatil68]

Yes Correct

[@asararahmed7892]

16:57 if facing difficulty with the "rafce" command/shortform install "ES7+ React/Redux/React-Native snippets" instead of "Simple React Snippet" .

[@skadoosh9365]

thanks for helping bro

[@lokesh1pawar]

Right, I’ve done the same

[@soundhara_prakash]

thanks for helping

[@ahmedsaaadi]

thanks bro

[@abhishekmudit]

tq bro

[@jay0singha]

00:02 Complete React JS crash course for beginners in 90 minutes 02:07 React is a library for web and native user interfaces. 06:01 ReactJS is now a complete framework with server-side and client-side rendering capabilities. 07:47 Learn how to install React and set up a basic application 11:31 Installing React and setting up folders. 13:27 Setting up and navigating terminal in React JS 17:19 Installing React and auto-reloading application 19:03 Understanding the import and export commands in React 22:10 React JS is a combination of HTML and Java. 24:03 Understanding the difference between Real DOM and Virtual DOM 27:33 Understanding the process of making copies in Virtual 2 29:19 React allows for efficient updating of specific parts of a webpage 32:43 Learning React JS in 90 minutes! 34:39 Learning React JS is a good thing, with potential challenges 38:02 Learning to manipulate the console and use event handling in React 39:40 Understanding React JS fundamentals and code implementation 43:01 Managing state in React using the state object 44:48 Understanding useState Hook in React JS 48:11 Understanding data binding in React JS 49:55 Understanding React components and their importance 52:59 Creating and styling headers in React JS 54:38 Creating a header component with flex properties 58:35 Understanding data flow in React applications 1:00:19 Passing data through props in React components. 1:03:32 Explaining React routing and page navigation 1:05:10 Creating folders and files in React JS 1:08:45 Learn to create and import links in React JS 1:11:15 Learn to create and customize links in React JS. 1:14:59 Learn how to structure headers and pages in React JS 1:16:40 Importing and using headers in React JS 1:20:02 Understanding Application Programming Interface (API) 1:21:50 Learning to import and install Xeruse and X 1:25:34 Learn how to handle responses and promises in React JS 1:27:18 Understanding the form of object in React JS 1:30:50 Learning to create unique identities for elements in React 1:32:26 How to use IMG tag in React JS 1:35:46 Learn React JS in 90 Minutes Crafted by Merlin AI.

[@WebDeveloperRao]

Look when you say "Let useState variable hote"all concepts are clear yrrrr...please we want more videos..we are here after 1-year struggling of with learning ..please... This is the first video from this channel that I am watching. I haven't visited the channel yet but sir you made REACTJS a piece of cake for me. Yrr seriously so good...Tailwind/Metrial Ui is everything..keep it up & updated... Love from Pakistan. In web2.0 MERN stack and then Jumpp in Web3.0

[@vanshikamehra-r4q]

H, I just enrolled in your skill development course hope it will help me to boost my skills.

[@aishwaryarajlaxmi2002]

I just can't say how much I am happy there are so much tutorial on KZbin still I wanted to you make this course and teach us.. Thank you

[@pratikraorane6725]

Lovely sir ; You are taking Indian web developers to the next level ❤❤

[@pratikraorane6725]

​@user-jf9cv4zv3fBro, I am from Pune !! Mein kabhi Mila bhi nahi in logo ko !! But, I am into web development stuff and this Sheryians coding channel putting stunning and easy to understandable content, so I believe our Indian developer will do impact in the world!!! And may be this channel will be major reason , in the future!!!!!

[@kscreation907]

​@user-jf9cv4zv3ftu comment pdna ke paise leta h kya 😂😂

[@Timed-Automaton]

You guys are the best Virtual Teachers, I have ever come across so far. You make it feel like that you're teaching me in live in my Home city Lahore. Best teaching style guys. Thanks,

[@rushabhshah12200]

Hello Sir, from today I started your Frontend Development playlist. Completed Html and css video and now within this week I will be completing the JavaScript and also going to make two websites from the playlist to understand the working and practice those skills for my future journey. Thank you so much sir for making such amazing content, this type of content I have never seen before on the YT platform. And today you are also starting reactjs video for which I am excited for. Thank you once again...!

[@Edit2308]

We are waiting 😊 for second part 🎉

[@rushabhshah12200]

@@Edit2308 Yess

[@kushsharma862]

@@rushabhshah12200 baitho beta abhi boht kch seekhna hai jeevan mai

[@TheHaribols]

Hey what's ur progress?

[@mriduljain1981]

Bro i would advice you to give some time on JS , no doubt they are teaching excellent but still you need to devote sometime in JS to get handy with it , so i would suggest you to Harshit Vashishth Js video (The best on youTube).

[@surajkumarsharma3317]

It would be great if there were intermediate and advanced courses on react, as well as more courses.... ❤

[@Sid-ht8kv]

Hey, to get entry into the companies as a fresher , I want to grasp the react asap, will this course will be enough for me?

[@SaadAliAlkhairi]

This is the first video from this channel which I am watching. I haven't visited the channel yet but sir you made REACTJS a piece of cake for me. I never turned on notification for any youtube channel but Sheryians Coding School won my heart I turned on all the notifications from this channel. Now I am eagerly waiting for the intermediate and advanced REACTJS video. Thanks a lot sir for providing so much valuable content for free on youtube.

[@gamerakkipad5098]

Please keep this React course video in continuity. We want more advance concepts in-depth and project included in the videos will be a plus. Already Subscribed to the channel after this helpful video, being a begineer 😍

[@ronitgupta9769]

Next Level Teaching Hats Offf Great Teacher

[@miliaurora1038]

Awesome.... No fancy terms...easy to understand for beginners.

[@banashreegogoi1958]

OMG 🎉🎉 U guys are taking it to next level.. I am reactjs developer still wanted to learn so badly cuz I know somewhere I am lacking with it and than boommm!!! U guys brought it❤❤❤❤❤❤❤❤... Bahot sahi kiya yar!

[@ShubhamSingh-kx4ov]

i can teach you react js if you want

[@short_but_special]

Bro chance mar rhe ho

[@tejasbenibagde5725]

​@@ShubhamSingh-kx4ov are bhai Bhai Zara dheere chalo 😂

[@Looser_alpha]

U need to learn more because you not knowing begune... Things

[@jhonsnow534]

5k likes ka target complete krte hai

[@sanvijanvisunder8741]

You have a great future ahead brother...

[@AIInsightsGlobal]

1:07:20 Pakde gaye guru ji🤪 Editor ko mat datna, hum samajh gaye aap ki bhawna🤣

[@raghav3716]

We want intermediate react course soon ❤

[@ayushsrivastava7201]

You are best teacher among all the teachers in Sheriyans Coding School

[@King-ne3tz]

7:51 #teachadvanceJS

[@PATELKRUNALMAHESHBHAI]

The explanation is on point. One of the most amazing containt creators.

[@sayaliburade9676]

The way you explain is amazing

[@tejasm3220]

Guys u r seriously doing a great job!! I really appreciate the effort, time and everything u put in bringing this content. Keep going..❤

[@RupalRajan]

thank you providing such incredible courses on yt, kindly keep the lectures in continuity properly maintaining the flow and beforehand telling us what is the subtopic !

[@EshanNaqashbandi]

I wanted to take a moment to say thank you for all the incredible content you share on KZbin

[@nishitlugun8394]

Hahaha I love how the editor never cuts the part where Shubham bhaiya makes a mistake. 😂😂 You guys are literally awesome, though I have the basic knowledge but yet I keep revising the concepts by watching sheriyans videos. Hats off

[@vedangsasane8873]

Thank You so Much Sarthak Bhaiya For Teaching me React and Giving me the confidence I needed to believe in myself and become a React Developer. Highly Recommended to all !!!

[@DigambarShinde-tx1zo]

Love the way of teaching,its just wow!😍

[@atharvadeshmukh6328]

Thank you sir!!! You are taking web development course to the next level!!!❤

[@technologymad9253]

Sir you should upload full react course because at present there is no full course of react js. So your course will be a great resource for every student out there. I am also learning react through paid course because of limited in depth resources of it.

[@short_but_special]

In 3 part we learn more and more about react😅😊😊

[@fact_daily_dose]

10:30

[@ranjanmishra3571]

ES5 vs ES6 Array, objects, functions Array functions/normal functions Array methods (map, filter, reduce, find, findIndex) Destucturing Rest spread Try catch async await Promises

[@ranasanga5146]

Target Achieved bro Now upload part 2 As soon as possible 😊😊❤❤ I m waiting for it very eagerly

[@ranasanga5146]

@@it17harshahuja81 Ok, I understand but try to get it works soon. 👍

[@maha33612]

1:26:01 please make more videos on advanced topics sarthak bro your explanations are very well you clear the concepts how these concepts works thank you

[@Wishdomloom9462]

kzbin.info/www/bejne/fHm3k6aQeq-mprc

[@vedmantrabhosale2164]

Great video , 2 videos requirements ✨ 1) Earn money with coding ( especially web dev ) 2) How to get started with Freelancing 😄

[@himmatsawant2267]

To get html like auto tag . Please change option from bottom right of vs code from javascript to javascriptreact it will start generating html like tag in jsx code 😊

[@Wishdomloom9462]

kzbin.info/www/bejne/fHm3k6aQeq-mprc

[@VISHNUKUMAR-xe7rd]

SUGGESTION: Just a humble request. It will be better if you use dark background in chrome while teaching Because it feels painful staring on light background. Btw, Love the content you are delivering. I know so many channels but you are providing rare and next level content. Thank you so much for this and keep making such content. We want this content. :)

[@gautamnaugai.iab94]

please reply, in this video installed nextjs 1:05:37 made a folder aboutjs under appfolder. so if i installed reactjs then my folder would be under components project??

[@manojsunar192]

thanks bro how did you figure it out

[@satyendrakumar-xj2dz]

Are bhai tum jo bhi ho bade mast ho..... Bundelkhandi bolte huye bade sahi lag rhe the 😂😂😂 Itna badia kahi se nhi seekha jitna apne sikhaya thank you so much Please intermediate and advanced wala bhi jaldi laa do ❤❤❤❤❤❤❤❤❤❤

[@Hamza-Pro-Dev]

No fast forwarding >>>(BhAI Ki bolny ki speed) =>{9 ghnty ka course 2 shnty m clear krawa dia}

[@asifulislamshaheen]

watching this tutorial from Bangladesh... keep going brother, lots of love

[@PrathamPatel]

You guys are doing great work 👍🏻

[@horizonmusicbangladesh964]

it was an incredible video. react is very well known to me but I still went through this video to refresh my knowledge and to my surprise, I learned a lot of stuff from this video. I will be waiting for the next video and I hope it will be available soon. big ups to Sarthak and the whole team.

[@samarthvaidya7769]

bro is it necessary to learn every part of react in deep to become a web developer? i just completed js and learning react from this series. Can you suggest some course or this series is enough?

[@horizonmusicbangladesh964]

@@samarthvaidya7769 I think this series will be enough if continued and about the first question, if you want to become a highly skilled developer than I highly suggest you that learn to react in depth.

[@samarthvaidya7769]

@@horizonmusicbangladesh964 thanks bro

[@samihamuntahamahin4987]

Want more and more react tutorials. This is the best learning channel on the youtube. Love from Bangladesh

[@RaiyanArongojeb]

Please continue the javascript course. We want to learn more from you vaiya, Your experience will be help us a lot. We want to learn more from you vaiya.

[@iamhtmldeveloper]

"Absolutely loving this React tutorial! 🚀 The way you break down complex concepts into easy-to-understand steps is truly commendable. Thank you for making the world of React feel so accessible and exciting. Kudos to you! 💪👏 #readyforadvance #ReactRocks #LearningInProgress"

[@chethan8730]

Bro what to do if we get error after create-next-app meee

[@EyeGuy2766]

love the way you curse while explaining🤣 feels like a senior/friend explaining💌🤟

[@yeahgamer5970]

Yrr mera react snippet hi work nhi kr rha 😢

[@prakashparmar2453]

ES7 React/Redux/GraphQL/React-Native snippets

[@shac55]

Same bhai

[@danieljsadananda2163]

​@@prakashparmar2453yes it works .

[@Haat02]

​@@prakashparmar2453 kya Krna padega bhi ..Mera bhi react ka package work nahi kar raha

[@sonu__kushwaha]

#teachadvancejs

[@arsiljaved6799]

The way you teach is very good thanx for the knowledge you shared.

[@kirtxn_]

Bhaiya ghante bhar ke baad se bahot teji me ho liya apka , smjh kch nhi aya

[@Fashionlovers_]

😢😢😢

[@sujalgambhir4511]

​@@Fashionlovers_are aur videos dekhlo enhone aur bhi Dali hai video react pe

[@tsdonalds1668]

+1

[@Faizan0601]

​@@Fashionlovers_😂pado

[@danieljsadananda2163]

Thank you DUDE . You taught me almost every basic concepts . Now i am comfortable with Next JS

[@CS_HimanshuVishwakarma]

Bhai Tera video sabse jabardast hota he and tu samjhata bahot shi he aisa koi nhi samjha sakta

[@warriorxman3764]

Which extensions did you use in this project ? Please share

[@prakashparmar2453]

You are doing great work ❤

[@pranaythakrey2]

Bhai Maine kaafi videos dekhe react ke, but gazab video yarr, first time react padhna interesting laga. Underrated hai pr gazab hai

[@AYUSHKUMAR-xj4wc]

Amazing Bro!!!! Can't thank enough. Keep going!!!!!!!!!!!!!!!!!!!!❤❤

[@ranik7294]

please provide full plylist of react.Beacuse the way you are teaching is osm .

[@ajiteshmishra0005]

Please create one exclusive video on JWT authentication in ReactJS or NodeJS in such a way that any beginner can understand and can get a full explanation from scratch to advanced. You can explain using any project also.

[@Fummytube]

You guys are awesome, aj tk koi bhi mai ka lal mujhe coding ke consept smjha nhi paya, or ap logo ki videos se mera intrest bad rha h👍🏻👍🏻❣️

[@miftahullahkhan1185]

You deserve millions.....❤

[@JosephGonzales-u2u]

Thank you sir!!! You are taking web development course to the next level!!!

[@jayravat8293]

last vala 60% samaj me aa gaya bohot hee easy way me sam zaya

[@RoronoaZoro78687]

Bhaai yaarr matlab kyyy hi bolo yaar Sarthak bhai kyyy hi padhate hai yaar ekdummm oppp yaar 🎉🎉🎉🎉 Bhai ki jalak subse alag yaar sai me

[@shubhamgavand4754]

Kindly make video for beginner to advance Projects using React

[@POTDARFINANCIALADVISOR]

आपने रिअॅक्ट जेएस सही तरह से समजाया है भाई।

[@NandaYKSalunkhe]

HARD topic ko simple way se kaise samjhana hai ... koi SHERYIANS se pucho..Thank you so much for simplifying our lives with your courses... 🙏❣💯

[@bhuppidhamii]

please make a video on Advance JS Topics

[@nileshamte4761]

Hello Bhaiyaa,Aap Frontend ka course website par kab launch karne wale ho

[@educateindia8122]

All time my favourite teacher ❤️

[@punks9043]

amazing explanation @01:19:16 #readyforadvance

[@mayankrathore5002]

Amazing Sarthak Bhaiya bhut acche se samjhate ho aap ❤❤❤

[@anushkaarora1936]

Sir at the starting you write create-next-app, but when I leant the same thing from another channel they wrote it create-react-app. I have applied both on my Vscode and both of them are resulting different. I want to know which one is best. And the difference between both of them

[@RoronoaZoro78687]

Bhot sahi samaz mee aaraha hai bhaii

[@muhammadanasabbas6802]

aap k parhany ka tarika behtreen :) Build social media app in react issi style sy

[@makwanasagar6958]

vary used full video thank you saheb

[@AmanKumar-kf1oc]

Thank-you very much bhai.....I was facing the routing problem from past few days but now from your video, all doubts are clear ❤

[@Pro_coder.007]

Thanks you brother 🙂

[@arunchandra5255]

Bro It was a awesome tutorial. Request to bring more tutorials of react like this, with funny talks. Be it a small series, or one shot. Please cover more. It's really interesting to learn form you.

[@Mohit-u2x1k]

And you reached the target way earlier, Good content buddy enjoyed making project while watching your tutorial.

[@_iem_nitish____6721]

almost clear brother thanks 🙏💕

[@rizwanhafeez-lh5yz]

One of the best series love from Pakistan

[@jaydeepbhogate3753]

Keep it up bro and please upload intermediate and advance, waiting for the videos.

[@khushiagarwal9986]

i really like your teaching style

[@deepanshurathore8136]

Well Done bro i have learned most of the thinks for react js thanks for support

[@khancademy9756]

bahut sahi sir mysirG ke baad apko bahut manta hu thanks

[@adarshabaskota]

intermediate and advanced ki video aah chuki hia kya??

[@dhirendrakumarchaudhary3368]

Thank You Team Sheryians Coding School. You are doing such a great job, Appreciated👍.

[@jyotirmoysharma1621]

Awesome 👍. Next video jaldi dijiye please

[@Updatedknowledge9]

1 million kara do, yaar bhaiya ko❤❤

[@fadikodaz]

Brother can you please tell more about "UseState" in detail

[@sahilsolankey1009]

kuch nhi sarthak bhai ke lecture ko 2x per dekh kr bhi, sb kuch samajh jane ka ghamand hai...😎

[@Home-u6k1s]

I just love the way this guy teaches ❤

[@CodeWithSpencer]

bro pura btaya kro npm ka path bhi select krna padhega ?

[@ALOKKUMAR-jz7db]

Could you please this basic with latest project structure

[@prajavi_S]

In 2 words "Mazaa aagyaa" legit what an explanantion🔥👁‍🗨

[@recreatoxxc5016]

Thankyou very much bhaiya just because of you I can start react now , I tried more then a bunch of videos but honestly the way you teach is the best . ONE SUGGESTION : Please provide notes , just a few not of every topic . I am waiting for more videos .

[@mubasherrafique4052]

we want react intermediate as its best video i found on youtube especially for beginner's

[@yorox2515]

some people are saying don't use react hooks in next can u tell anything about this