How To Master React In 2024 (Complete Roadmap)

In this detailed video, we explore the Complete React js Roadmap for 2024, a comprehensive guide tailored for developers at all levels. Delving into the evolving world of React js, this roadmap lays out a strategic path for mastering React js in 2024. From foundational concepts to advanced techniques, the video covers crucial topics and trends in the React js ecosystem, ensuring viewers are well-equipped with the knowledge and skills to excel in React js development. Join us as we navigate through the React js roadmap, a pivotal resource for anyone aspiring to thrive in the field of web development with React js in 2024.
Timestamps
00:00 React is essential for frontend development
01:49 Understanding the foundational concepts of React and its role in making frontend development easy.
03:37 React writes JavaScript code for you
05:17 Components, hooks, and standard APIs
06:56 State Management and Routing are crucial for scalability and performance
08:35 Importance of styling and styling libraries in React development
10:17 Minimize R renders in React by using form management libraries
11:57 Transition from React to Next.js and React Native
Links:
Open Source Cohort: harkirat.classx.co.in/
Twitter: / kirat_tw
Linkedin: / kirat-li
Instagram: / kirat_ins
Discord: / discord
Telegram: t.me/kirat_internal_group

[@akash.biswas]

bro was finding open source projects on Gmail 😭, love you bro !

[@Shivam-sl4sp]

great video! will use it to refresh and fix gap in my react skills. Also i'm in cohort anyway

[@TwoBitSorcerer]

I appreciate how you directly go into the video's goals and justify them till the end, and that too in a coherent manner. Great Video Harkirat! Thank you :)

[@shashankoffice]

00:02 React is essential for frontend development 01:49 Understanding the foundational concepts of React and its role in making frontend development easy. 03:37 React writes JavaScript code for you 05:17 Components, hooks, and standard APIs 06:56 State Management and Routing are crucial for scalability and performance 08:35 Importance of styling and styling libraries in React development 10:17 Minimize R renders in React by using form management libraries 11:57 Transition from React to Next.js and React Native

[@John12685]

I don't get it why there are tons of roadmaps. Who needs roadmap? Everyone needs actual content not a roadmap

[@vinyass3122]

Follow CWH web dev content if u need

[@tanaypatel8412]

Uske liye paise lete hain sab 😂

[@paulaneesh7]

Make one like this for Backend as well, more specifically JavaScript backend

[@iam.manniii]

Please make a video for backend roadmap with js

[@danish7335]

bro check his course curriculum

[@dev_guidance]

Yes please make

[@rohanpandey9957]

No look it up yourself brevv how much spoon feedig you need?

[@vishruthvs2714]

He had done it long back, go thru it

[@coderprakash]

Learn nodejs and express that's it and also Mongodb or SQL 🤝👍🏻

[@murali-krishnan]

Make a Roadmap for Next.js. Like what are all the things we should be good at like SSG, SSR, ISG, Auth(nextAuth, clerk,), Routing (Page router or App router) and so on

[@Panikulam]

Regarding frontend test, in my experience, unit test like jest is not hard to get coverage and it has been pretty useful to catch bugs or be like documentation in the code. However end-to-end testing has been pretty challenging

[@harekrishna2639]

hey harkirat, which tool do you use for your background?it seems really nice

[@jatinkukreja18]

As a senior React Developer. I approve this video for anyone beginning their journey! Sturctured really well. (Y)

[@AbdulWasay-lg6ju]

Agar ap developer ho toh yaha aam lene aye ho😂😂

[@jatinkukreja18]

@@AbdulWasay-lg6ju I like watching frontend videos buddy.

[@ankushmaurya7938]

@@jatinkukreja18 hey Jatin I have made a good project using react and BAas using appwrite. Still learning and doing revision and looking for internship opportunities and have started applying, I wanted to ask it took me time to understand these hooks, routing, redux and all but I am not able to gain the knowledge like I cannot write my own code after few days and simply not able to answer if someone out of nowhere ask me something about any hook or something from react Can you give some suggestion regarding this ? I mean I know its a skill, lack of knowledge and consistency issue but even after that when I'm not able to answer I feel bad for myself and the cycle repeats itself, for the past 6 months I am in this cycle but learnt html, css, js and react but not able to answer??? Would love some suggestion from you!!!

[@SurprisedEyewear-dv5ww]

Sir mujhe React Developer me refernce de skte ho kya mujhe 1.5years ka experience h . frontend me reply dena sir please yes or no me bhi

[@bluechipsolutions4860]

After html, css and js. I started with react projects. The problem I m facing is when doing some project, it takes few days, at that time I m forgetting some js concepts. I will come back and again revise js, after that I will forget react concepts, the cycle continues😢

[@Geek_Coder]

Happens in beginners phaze so don't worry, just keep working... Not a big issue

[@sankhadip_roy]

i was struggling to learn react , needed it very much

[@nandankumarkj55]

Please avail the course "namaste react" by Akshay saini

[@sankhadip_roy]

@@nandankumarkj55 figured it out from odin project created a todo app and cv builder

[@adivmt]

Thanks 😊

[@psyche1751]

The video covers a roadmap for learning React and frontend development. Dynamic websites are different from static websites and were hard to write before React. Understanding reconciliation and how React works under the hood is important. Practice writing React code by building basic applications and looking at the final output. Components, state, rendering, and props are key concepts in React and other frontend frameworks. Hooks are a more recent addition to React, allowing for functional components and life cycle events. Create your own custom hooks to separate state computation and final component rendering. Prop drilling, context API, and state management tools are advanced topics in React development. Routing, state management, and tools for bootstrapping a React application are important for building larger, more dynamic applications. Styling and understanding performance libraries and testing are optional but useful skills for a React developer. React is no longer the only popular choice for frontend frameworks, with Next.js and other options becoming popular. Learning about React Native and Expo is recommended for mobile app development. The speaker is open to making more videos for specific niches or topics.

[@adityasonkar1336]

Could you suggest us, playlist aur course to learn next.js from if we have already learnt react.js

[@CinematicClips-uz3mk]

For creating a to-do application in react you should know the react topic:- basic structure, components,props,hooks, State, local storage,and concept of js

[@Aryan-rb3yk]

Hehe i am currenlty doing react after doing HTML CSS JS, so this video has dropped at the perfect time for me thanks bhaiyaa

[@abhinav7622]

from where are you started learning react on youtube

[@Aryan-rb3yk]

@@abhinav7622 ahm scrimba free course hai ek 11 hour ka(actually14-15 hai) vo kiya English me hai bahut achi website hai try karnaa

[@rendevous9253]

Thanks man ,

[@DevSmasher-uk3hj]

🔥🔥🔥 How to do STREAMING using YEILD keyword ?🔥🔥🔥

[@Pr1y4nk]

Missed covering E2E test frameworks supporting ReactJs

[@rayyanabdulwajid7681]

Your javascript skills are directly proportional to your react skills. This is the bitter truth. We need to have strong foundation at javascript

[@saurabhgawali2378]

Can you plz make playlist on typescript 🙏🏻😅

[@saurabbhattarai7228]

Loved this, make for others too

[@cododita6731]

Much needed video

[@dev_guidance]

Supeerrrbb❤

[@gurjot_05]

Please make a video on laptop selection for 1st year students

[@user-ug4nm7wk6z]

Will you please do a video on how to make a project on online code compiler using react and express

[@vipulbhardwaj8659]

Hi Harkirat, I have studied everything regarding reactjs mentioned in this video and got my first internship in a startup. But they are asking me to transition to react native and they'll train me in the initial phase. Please I need some guidance. It's bit intimidating. Idk a single bit about Mobil development

[@arkxdy7700]

Yo thanks for the roadmap

[@user-kx2ds2gk9g]

Please make a roadmap vdo for JAVA stack. (Full industry ready backend).

[@ajiteshmishra0005]

Hii I have to appear in Javascript+ReactJS interviews. So from where can I practice Javascript programs which are generally asked in Interview in codeing part? Starting from basic to advanced logical.

[@the_bat_man]

Can you suggest any book for JavaScript to React advanced concept...

[@ajaypoddar9896]

hey recelently start learnign the next i have done all thease topic n have preety much idia about it , so i want you to do it same for next js it would be greate lots of love

[@tathagataghosh8040]

I was lost after the router that this much concepts are in react. Currently I am learning React but could not able to make a single project. any suggestions on how I approach on building project on my own?

[@himanshukrabc]

Requesting a roadmap video for next.Js as well

[@user-wj9uz8gi2r]

Could you please make roadmap video for node js

[@homeoffice3524]

Thanks for video. I know html/css little bit vanilla js and php. Long story short I can make "normal" apps. I try to understand react. No way! I can't make even simple header. I know it's pretty much the same html/js and css but not even one line looks similar to vanilla js 😢😅

[@gasfgfafa]

his background looks so good- how to get that type of background

[@sabinhere]

If Ai can make code these like skills will be outdated soon or not?

[@dev_guidance]

How to manage the security in the backend side, same type of video want for backend

[@venkatsundeep4620]

Good One

[@sachinsachinuh3709]

Super bro

[@harshalphadtare1516]

Any free playlist which cover all these topic or any youtube channel to follow ?

[@dasarimanoj3086]

Make one video for the backend comprehensively

[@venusamineni6974]

Hi Harkirat brother When will start new batch iam interested to learn

[@mohdsarim4671]

Bro please make one for backend too ✌

[@ANTICHRIS619]

hello sir i wanted to know isit too late to join your latest cohort 0-100x now ? I know HTML, CSs, JS and little bit of react...please reply

[@ankitrajrules]

Are all cohorts are active currently or some will start ? like cohort 2 ?

[@Surya045_]

which is better react or refine ?

[@user-oz3hc6lj2e]

should i learn react with typescript or javascript ?

[@abhishekgawande222]

How to start in next js and then for open source contribution??

[@nishant_singh]

Bhaiya please make same for the backend also for Nodejs...

[@shubhamchaudhary2451]

content quality===video quality

[@avsubhash5949]

Pls do for other languages also bro

[@CodeNinja18]

Is anyone have good source for react in which I master the react hooks and build strong logic over react😅

[@tsdonalds1668]

Cohort for freely is also available sir people are selling do case on them Ps also tell how to disable downloding of media In react app

[@motivegrow]

I started dsa with c++ and I wan to learn react also how can I do that please answer

[@saunaknandi1814]

Harkirat when will the course 0-100 will start again?

[@mdelim3128]

so msny frameworks to learn web development ,i am a professional chef 20 years experience trying to change career to software engineer i just want a clean clear roadmap which to learn ,i am also learning other old languages like java, c# ,c++ and python so many things to learn im overwhelmed but i know tech changes so fast but i just want to enter in this field for the first time with no stress and someone to guide me as i really want to be a software engineer

[@darshan.t.sdeekshith6694]

Now should we consider next over react?

[@indimerz]

do we write backend in nextjs project or separately? as it it a full stack framework i think backend is included in same project

[@NimishWadhwa]

Yes we can write api's in nextjs.

[@mrkingshukghosh2676]

Please make a one in Next JS

[@Shivam-sl4sp]

Make one for nextjs too

[@shrutsureja]

Can you make one for the backend in nextjs

[@IndiaKaregaDhanda]

For mern same roadmap is suitable harkirat bro

[@IndiaKaregaDhanda]

I think harkirat bro nowadays mern is more suitable than just reactjs dev

[@mriduldhar881]

I am an ardent follower, and I have a suggestion. I feel you have a natural inclination to discuss the negatives and the warnings attached to a topic more elaborately than the positives. The reason might be that you do not want us to face any problems you have faced, but in hindsight, this feels a little depressing as a viewer. A lot of your videos give positive vibes, but I missed that in this video. I hope you see this comment and just consider this point in your future videos. And nevertheless! Thanks for all that you do for us! :)

[@IndiaKaregaDhanda]

I think harkirat bro nowadays mern is more suitable than just reactjs dev

[@Dr.dhumketuIITDholakpur]

i know mongodb , express and nodejs and i had already made a full stack website so is learning react soo important ?

[@HarshKumar-sz4lo]

@@Dr.dhumketuIITDholakpur well you need to know react to make the frontend, if your target is just backend then I think you are good to go but if you are looking for full stack then react is a must.

[@iamzayed]

Can you make a video on full stack java developer. ☕

[@Mrmemes532]

Bhaiya C++ road map for project development

[@hashtag_2030]

🙏

[@abbayrai6340]

next video on NEXT JS please for open source

[@user-sc1jo4qd1i]

Anything for django??

[@aniwayindia]

cyber security ke upar video lao sir

[@_m3n4v]

every other educator: beginner to advanced this guy: noob to pro

[@bikramadityaghosh1691]

want a roadmap for mern stack

[@motivegrow]

Kya me dsa and react side by side kr sakta hu

[@user-ok1do2ol3f]

How much time to spend on frontend and start with backend .. as I still I feel lots of things to explore in react.. should I learn next-js ?

[@skilz9525]

never jump on next without knowing react

[@user-ok1do2ol3f]

@@skilz9525 I know react at intermediate level... so I am confused between what to start next... next-js or node??

[@skilz9525]

@@user-ok1do2ol3f havent you made any full stack project in MERN ? do that first before jumping on next

[@DailyFactsDose7]

There is no payment and country option in your course for Nepalese.

[@ankurMarc0s]

Live class ke beech mai video upload ho rhi hai :) Prop Drilling pad ke aata hoon xD

[@MURARISHARMA-vs6kq]

World 🌎 International relations please sir 🙏🙏 ....?????

[@User69017]

👍

[@shrikantgaikwad1250]

Everyone talking about front end... But Where is backend? ... Expressjs

[@itsharshcheema]

node js ka bhi bnado

[@chandbasha5392]

Hi @Harkirat bhaiya I have requested refund ...as I am unable to follow and I have an emergency issue I can't concentrate or follow now ...I have sent a mail requesting refund ...please process my refund as soon as possible

[@anything-op1oj]

Bro i want to buy your course but paisa nhi h

[@tgaming3885]

Kia main abhi apka course 0-1 join kr sakta hoon

[@abhinavpandey5306]

Why no one talks about django and only js based framework for backend?

[@_devenderpal_]

nodejs is popular nowadays, thats what the trend is. many startups also prefer both frontend and backend in js. but i know django and fastapi are also important backend frameworks.

[@Thelandoftheartist]

Do you think artificial intelligence tools will completely take away our jobs? Do you think I should continue studying?

[@rahulpanda123]

Reduce o to 100 dev cohort ..lots are wanted to join but dur to price they cant..

[@DeepakKumar-uz4xy]

Bhai defi ki video shoot hogyi kya?

[@harkirat1]

Next to next one

[@krsnabantai]

badhiya@@harkirat1

[@urjasvi]

what if I am only interested in backend development ? what if frontend does not interests me at all ? what is the roadmap for folks like me ? would really appreciate you Harkirat if you can please create a video around this topic.

[@SatSTAR0]

+1

[@rishu4013]

The video quality is 10k : )

[@yuvrajsingh4219]

First viewer😂😂

[@quotespower9911]

Toh isme hasne wali baat kya ha😅

[@imkir4n]

Developers ❎ React developers ✅

[@imkir4n]

Don't be just a react dev.

[@tanaypatel8412]

@@imkir4n bhai logon ko itna toh seekh lene do, tier 3 wale toh HTML seekh ke hi khush ho jaate hain

[@sabeerbikba8585]

Own hook like write document.title

[@rishu4013]

Harkirat be like Jaldi se roadmap bna deta hu views milenge

[@muzakiruddin266]

Hi sir I purchased course 0-100 but I see only 0- 1 course content Their is no content of 1-100 course Kindly help me to access advance content Thanks

[@sunilreddy5997]

1-100 may start in March

[@Shivam-sl4sp]

It will start after 0-1 finishes somewhere around march

[@sjzz]

ok

[@jawadali_0]

React Native roadmap