Тёмный

How To Master React In 2024 (Complete Roadmap) 

Harkirat Singh
Подписаться 413 тыс.
Просмотров 172 тыс.
50% 1

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

Опубликовано:

 

5 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 167   
@akash.biswas
@akash.biswas 5 месяцев назад
bro was finding open source projects on Gmail 😭, love you bro !
@TwoBitSorcerer
@TwoBitSorcerer 5 месяцев назад
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 :)
@Shivam-sl4sp
@Shivam-sl4sp 5 месяцев назад
great video! will use it to refresh and fix gap in my react skills. Also i'm in cohort anyway
@murali-krishnan
@murali-krishnan 5 месяцев назад
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
@iam.manniii
@iam.manniii 5 месяцев назад
Please make a video for backend roadmap with js
@danish7335
@danish7335 5 месяцев назад
bro check his course curriculum
@dev_guidance
@dev_guidance 5 месяцев назад
Yes please make
@rohanpandey9957
@rohanpandey9957 5 месяцев назад
No look it up yourself brevv how much spoon feedig you need?
@vishruthvs2714
@vishruthvs2714 5 месяцев назад
He had done it long back, go thru it
@coderprakash
@coderprakash 5 месяцев назад
Learn nodejs and express that's it and also Mongodb or SQL 🤝👍🏻
@paulaneesh7
@paulaneesh7 5 месяцев назад
Make one like this for Backend as well, more specifically JavaScript backend
@minhazrahman4828
@minhazrahman4828 5 месяцев назад
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
@raghavsomani5828
@raghavsomani5828 5 месяцев назад
FORGOT TO MENTION Crafted by Merlin AI.
@rayyanabdulwajid7681
@rayyanabdulwajid7681 5 месяцев назад
Your javascript skills are directly proportional to your react skills. This is the bitter truth. We need to have strong foundation at javascript
@jatinkukreja18
@jatinkukreja18 5 месяцев назад
As a senior React Developer. I approve this video for anyone beginning their journey! Sturctured really well. (Y)
@AbdulWasay-lg6ju
@AbdulWasay-lg6ju 5 месяцев назад
Agar ap developer ho toh yaha aam lene aye ho😂😂
@jatinkukreja18
@jatinkukreja18 5 месяцев назад
@@AbdulWasay-lg6ju I like watching frontend videos buddy.
@ankushmaurya7938
@ankushmaurya7938 2 месяца назад
@@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
@SurprisedEyewear-dv5ww 2 месяца назад
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
@Panikulam
@Panikulam 5 месяцев назад
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
@harekrishna2639 5 месяцев назад
hey harkirat, which tool do you use for your background?it seems really nice
@psyche1751
@psyche1751 3 месяца назад
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
@adityasonkar1336 5 месяцев назад
Could you suggest us, playlist aur course to learn next.js from if we have already learnt react.js
@CinematicClips-uz3mk
@CinematicClips-uz3mk 2 месяца назад
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
@vipulbhardwaj8659
@vipulbhardwaj8659 5 месяцев назад
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
@Pr1y4nk
@Pr1y4nk 5 месяцев назад
Missed covering E2E test frameworks supporting ReactJs
@bluechipsolutions4860
@bluechipsolutions4860 5 месяцев назад
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
@Geek_Coder 2 месяца назад
Happens in beginners phaze so don't worry, just keep working... Not a big issue
@tapaseditzz2439
@tapaseditzz2439 Месяц назад
same here bro
@rameezshah6718
@rameezshah6718 Месяц назад
You are doing completely WRONG THINGS First Work on your JAVASCRIPT And BUILD Projects Only with HTML,CSS and JAVASCRIPT Dont ever think of Jumping direct to REACT JS or you will REGRET that… First WORK ON HTML,CSS,JS Build PROJECTS And then you can Learn React js And you can upgrade your Old projects to React Js easily YOU will only know the advantages of REACT JS when you build a project without REACT JS Then you will understand why REACT JS is soooo helpful and beautiful ❤️
@DevSmasher-uk3hj
@DevSmasher-uk3hj 5 месяцев назад
🔥🔥🔥 How to do STREAMING using YEILD keyword ?🔥🔥🔥
@sankhadip_roy
@sankhadip_roy 5 месяцев назад
i was struggling to learn react , needed it very much
@nandankumarkj55
@nandankumarkj55 5 месяцев назад
Please avail the course "namaste react" by Akshay saini
@sankhadip_roy
@sankhadip_roy 5 месяцев назад
@@nandankumarkj55 figured it out from odin project created a todo app and cv builder
@ajiteshmishra0005
@ajiteshmishra0005 5 месяцев назад
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.
@tathagataghosh8040
@tathagataghosh8040 5 месяцев назад
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?
@the_bat_man
@the_bat_man 5 месяцев назад
Can you suggest any book for JavaScript to React advanced concept...
@Aryan-rb3yk
@Aryan-rb3yk 5 месяцев назад
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
@abhinav7622 4 месяца назад
from where are you started learning react on youtube
@Aryan-rb3yk
@Aryan-rb3yk 4 месяца назад
@@abhinav7622 ahm scrimba free course hai ek 11 hour ka(actually14-15 hai) vo kiya English me hai bahut achi website hai try karnaa
@saurabhgawali2378
@saurabhgawali2378 5 месяцев назад
Can you plz make playlist on typescript 🙏🏻😅
@saurabbhattarai7228
@saurabbhattarai7228 5 месяцев назад
Loved this, make for others too
@adivmt
@adivmt 5 месяцев назад
Thanks 😊
@user-ug4nm7wk6z
@user-ug4nm7wk6z 4 месяца назад
Will you please do a video on how to make a project on online code compiler using react and express
@ankitrajrules
@ankitrajrules 5 месяцев назад
Are all cohorts are active currently or some will start ? like cohort 2 ?
@user-kx2ds2gk9g
@user-kx2ds2gk9g 5 месяцев назад
Please make a roadmap vdo for JAVA stack. (Full industry ready backend).
@himanshukrabc
@himanshukrabc 5 месяцев назад
Requesting a roadmap video for next.Js as well
@gurjot_05
@gurjot_05 5 месяцев назад
Please make a video on laptop selection for 1st year students
@kimosahbe
@kimosahbe Месяц назад
I've been in a creative block for some time - I am happy to share this video alone calmed my mind and allowed me to get back to git commits. Thank you Harkirat!
@harshalphadtare1516
@harshalphadtare1516 4 месяца назад
Any free playlist which cover all these topic or any youtube channel to follow ?
@user-wj9uz8gi2r
@user-wj9uz8gi2r 5 месяцев назад
Could you please make roadmap video for node js
@sabinhere
@sabinhere 5 месяцев назад
If Ai can make code these like skills will be outdated soon or not?
@cododita6731
@cododita6731 5 месяцев назад
Much needed video
@gasfgfafa
@gasfgfafa 5 месяцев назад
his background looks so good- how to get that type of background
@rendevous9253
@rendevous9253 5 месяцев назад
Thanks man ,
@ANTICHRIS619
@ANTICHRIS619 5 месяцев назад
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
@dasarimanoj3086
@dasarimanoj3086 5 месяцев назад
Make one video for the backend comprehensively
@dev_guidance
@dev_guidance 5 месяцев назад
How to manage the security in the backend side, same type of video want for backend
@abhishekgawande222
@abhishekgawande222 5 месяцев назад
How to start in next js and then for open source contribution??
@homeoffice3524
@homeoffice3524 5 месяцев назад
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 😢😅
@dev_guidance
@dev_guidance 5 месяцев назад
Supeerrrbb❤
@varungupta4923
@varungupta4923 Месяц назад
poori video dekhlii...fir bhi roadmap dhondhne jaa rha hu🥲
@Surya045_
@Surya045_ 5 месяцев назад
which is better react or refine ?
@ajaypoddar9896
@ajaypoddar9896 5 месяцев назад
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
@arkxdy7700
@arkxdy7700 5 месяцев назад
Yo thanks for the roadmap
@nishant_singh
@nishant_singh 5 месяцев назад
Bhaiya please make same for the backend also for Nodejs...
@motivegrow
@motivegrow 5 месяцев назад
I started dsa with c++ and I wan to learn react also how can I do that please answer
@venusamineni6974
@venusamineni6974 5 месяцев назад
Hi Harkirat brother When will start new batch iam interested to learn
@mohdsarim4671
@mohdsarim4671 5 месяцев назад
Bro please make one for backend too ✌
@venkatsundeep4620
@venkatsundeep4620 5 месяцев назад
Good One
@CodeNinja18
@CodeNinja18 5 месяцев назад
Is anyone have good source for react in which I master the react hooks and build strong logic over react😅
@indimerz
@indimerz 5 месяцев назад
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
@NimishWadhwa 5 месяцев назад
Yes we can write api's in nextjs.
@user-oz3hc6lj2e
@user-oz3hc6lj2e 3 месяца назад
should i learn react with typescript or javascript ?
@tsdonalds1668
@tsdonalds1668 5 месяцев назад
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
@John12685
@John12685 5 месяцев назад
I don't get it why there are tons of roadmaps. Who needs roadmap? Everyone needs actual content not a roadmap
@vinyass3122
@vinyass3122 3 месяца назад
Follow CWH web dev content if u need
@tanaypatel8412
@tanaypatel8412 3 месяца назад
Uske liye paise lete hain sab 😂
@kuldeepsinghrajput2964
@kuldeepsinghrajput2964 Месяц назад
Its introduction to their course 😅
@sachinsachinuh3709
@sachinsachinuh3709 3 месяца назад
Super bro
@saunaknandi1814
@saunaknandi1814 5 месяцев назад
Harkirat when will the course 0-100 will start again?
@user-sc1jo4qd1i
@user-sc1jo4qd1i 5 месяцев назад
Anything for django??
@mdelim3128
@mdelim3128 5 месяцев назад
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
@avsubhash5949
@avsubhash5949 5 месяцев назад
Pls do for other languages also bro
@shrutsureja
@shrutsureja 5 месяцев назад
Can you make one for the backend in nextjs
@darshan.t.sdeekshith6694
@darshan.t.sdeekshith6694 5 месяцев назад
Now should we consider next over react?
@mrkingshukghosh2676
@mrkingshukghosh2676 5 месяцев назад
Please make a one in Next JS
@Shivam-sl4sp
@Shivam-sl4sp 5 месяцев назад
Make one for nextjs too
@motivegrow
@motivegrow 5 месяцев назад
Kya me dsa and react side by side kr sakta hu
@mriduldhar881
@mriduldhar881 5 месяцев назад
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! :)
@shubhamchaudhary2451
@shubhamchaudhary2451 5 месяцев назад
content quality===video quality
@abbayrai6340
@abbayrai6340 5 месяцев назад
next video on NEXT JS please for open source
@DailyFactsDose7
@DailyFactsDose7 5 месяцев назад
There is no payment and country option in your course for Nepalese.
@bikramadityaghosh1691
@bikramadityaghosh1691 5 месяцев назад
want a roadmap for mern stack
@user-ok1do2ol3f
@user-ok1do2ol3f 5 месяцев назад
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
@skilz9525 5 месяцев назад
never jump on next without knowing react
@user-ok1do2ol3f
@user-ok1do2ol3f 5 месяцев назад
@@skilz9525 I know react at intermediate level... so I am confused between what to start next... next-js or node??
@skilz9525
@skilz9525 5 месяцев назад
@@user-ok1do2ol3f havent you made any full stack project in MERN ? do that first before jumping on next
@iamzayed
@iamzayed 5 месяцев назад
Can you make a video on full stack java developer. ☕
@_m3n4v
@_m3n4v 5 месяцев назад
every other educator: beginner to advanced this guy: noob to pro
@Mrmemes532
@Mrmemes532 5 месяцев назад
Bhaiya C++ road map for project development
@Arnav404
@Arnav404 13 дней назад
Make a similar video for a full stack
@ankurMarc0s
@ankurMarc0s 5 месяцев назад
Live class ke beech mai video upload ho rhi hai :) Prop Drilling pad ke aata hoon xD
@IndiaKaregaDhanda
@IndiaKaregaDhanda 5 месяцев назад
For mern same roadmap is suitable harkirat bro
@IndiaKaregaDhanda
@IndiaKaregaDhanda 5 месяцев назад
I think harkirat bro nowadays mern is more suitable than just reactjs dev
@aniwayindia
@aniwayindia 5 месяцев назад
cyber security ke upar video lao sir
@hashtag_2030
@hashtag_2030 5 месяцев назад
🙏
@IndiaKaregaDhanda
@IndiaKaregaDhanda 5 месяцев назад
I think harkirat bro nowadays mern is more suitable than just reactjs dev
@Dr.dhumketuIITDholakpur
@Dr.dhumketuIITDholakpur 5 месяцев назад
i know mongodb , express and nodejs and i had already made a full stack website so is learning react soo important ?
@HarshKumar-sz4lo
@HarshKumar-sz4lo 5 месяцев назад
@@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.
@MURARISHARMA-vs6kq
@MURARISHARMA-vs6kq 5 месяцев назад
World 🌎 International relations please sir 🙏🙏 ....?????
@shrikantgaikwad1250
@shrikantgaikwad1250 5 месяцев назад
Everyone talking about front end... But Where is backend? ... Expressjs
@itsharshcheema
@itsharshcheema 5 месяцев назад
node js ka bhi bnado
@abhinavpandey5306
@abhinavpandey5306 5 месяцев назад
Why no one talks about django and only js based framework for backend?
@_devenderpal_
@_devenderpal_ 5 месяцев назад
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.
@anything-op1oj
@anything-op1oj 5 месяцев назад
Bro i want to buy your course but paisa nhi h
@tgaming3885
@tgaming3885 5 месяцев назад
Kia main abhi apka course 0-1 join kr sakta hoon
@sabeerbikba8585
@sabeerbikba8585 5 месяцев назад
Own hook like write document.title
@rishu4013
@rishu4013 5 месяцев назад
The video quality is 10k : )
@urjasvi
@urjasvi 5 месяцев назад
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
@SatSTAR0 5 месяцев назад
+1
@DeepakKumar-uz4xy
@DeepakKumar-uz4xy 5 месяцев назад
Bhai defi ki video shoot hogyi kya?
@harkirat1
@harkirat1 5 месяцев назад
Next to next one
@krsnabantai
@krsnabantai 5 месяцев назад
badhiya@@harkirat1
@rahulpanda123
@rahulpanda123 5 месяцев назад
Reduce o to 100 dev cohort ..lots are wanted to join but dur to price they cant..
@Thelandoftheartist
@Thelandoftheartist 3 месяца назад
Do you think artificial intelligence tools will completely take away our jobs? Do you think I should continue studying?
@AnimeWorld_1917
@AnimeWorld_1917 27 дней назад
create roadmap for nodejs and expressjs
@rishu4013
@rishu4013 5 месяцев назад
Harkirat be like Jaldi se roadmap bna deta hu views milenge
@chandbasha5392
@chandbasha5392 5 месяцев назад
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
@HarshRaj-nm3cr
@HarshRaj-nm3cr 13 часов назад
Milaaaa kyaaa???
@imkir4n
@imkir4n 5 месяцев назад
Developers ❎ React developers ✅
@imkir4n
@imkir4n 5 месяцев назад
Don't be just a react dev.
@tanaypatel8412
@tanaypatel8412 5 месяцев назад
@@imkir4n bhai logon ko itna toh seekh lene do, tier 3 wale toh HTML seekh ke hi khush ho jaate hain
@yuvrajsingh4219
@yuvrajsingh4219 5 месяцев назад
First viewer😂😂
@quotespower9911
@quotespower9911 5 месяцев назад
Toh isme hasne wali baat kya ha😅
Далее
Every React Concept Explained in 12 Minutes
11:53
Просмотров 440 тыс.
你们会选择哪一辆呢#short #angel #clown
00:20
ГРАБИТЕЛЬ ИСПУГАЛСЯ МАМЫ
00:37
Просмотров 99 тыс.
Web Developer Roadmap (2024) - Everything is Changing
25:02
UI Libraries Are Dying, Here's Why
13:28
Просмотров 275 тыс.
This UI Library is a GAME CHANGER! (Not Lying)
20:48
Просмотров 253 тыс.
I tried 50 Programming Courses. Here are Top 5.
7:09
These Coding Projects Give You An Unfair Advantage
14:39
你们会选择哪一辆呢#short #angel #clown
00:20