How To Master React In 2024 (Complete Roadmap)
Вставка
- Опубліковано 5 тра 2024
- 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
great video! will use it to refresh and fix gap in my react skills. Also i'm in cohort anyway
bro was finding open source projects on Gmail 😭, love you bro !
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
FORGOT TO MENTION Crafted by Merlin AI.
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 :)
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.
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
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
As a senior React Developer. I approve this video for anyone beginning their journey!
Sturctured really well. (Y)
Agar ap developer ho toh yaha aam lene aye ho😂😂
@@AbdulWasay-lg6ju I like watching frontend videos buddy.
@@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!!!
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
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
Thanks 😊
Make one like this for Backend as well, more specifically JavaScript backend
Please make a video for backend roadmap with js
bro check his course curriculum
Yes please make
No look it up yourself brevv how much spoon feedig you need?
He had done it long back, go thru it
Learn nodejs and express that's it and also Mongodb or SQL 🤝👍🏻
i was struggling to learn react , needed it very much
Please avail the course "namaste react" by Akshay saini
@@nandankumarkj55 figured it out from odin project created a todo app and cv builder
Your javascript skills are directly proportional to your react skills. This is the bitter truth. We need to have strong foundation at javascript
hey harkirat, which tool do you use for your background?it seems really
nice
Thanks man ,
Hehe i am currenlty doing react after doing HTML CSS JS, so this video has dropped at the perfect time for me thanks bhaiyaa
from where are you started learning react on youtube
@@abhinav7622 ahm scrimba free course hai ek 11 hour ka(actually14-15 hai) vo kiya English me hai bahut achi website hai try karnaa
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😢
Happens in beginners phaze so don't worry, just keep working... Not a big issue
I don't get it why there are tons of roadmaps. Who needs roadmap? Everyone needs actual content not a roadmap
Follow CWH web dev content if u need
Uske liye paise lete hain sab 😂
Loved this, make for others too
Much needed video
Can you plz make playlist on typescript 🙏🏻😅
Missed covering E2E test frameworks supporting ReactJs
Requesting a roadmap video for next.Js as well
Could you suggest us, playlist aur course to learn next.js from if we have already learnt react.js
Please make a video on laptop selection for 1st year students
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
Good One
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 😢😅
Please make a roadmap vdo for JAVA stack. (Full industry ready backend).
🔥🔥🔥 How to do STREAMING using YEILD keyword ?🔥🔥🔥
Yo thanks for the roadmap
Supeerrrbb❤
Could you please make roadmap video for node js
Will you please do a video on how to make a project on online code compiler using react and express
Can you suggest any book for JavaScript to React advanced concept...
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.
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
🙏
Bro please make one for backend too ✌
his background looks so good- how to get that type of background
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?
Are all cohorts are active currently or some will start ? like cohort 2 ?
Super bro
Make one video for the backend comprehensively
Pls do for other languages also bro
content quality===video quality
How to start in next js and then for open source contribution??
Make one for nextjs too
Hi Harkirat brother
When will start new batch iam interested to learn
How to manage the security in the backend side, same type of video want for backend
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
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! :)
which is better react or refine ?
If Ai can make code these like skills will be outdated soon or not?
Bhaiya please make same for the backend also for Nodejs...
Please make a one in Next JS
Any free playlist which cover all these topic or any youtube channel to follow ?
👍
I started dsa with c++ and I wan to learn react also how can I do that please answer
I think harkirat bro nowadays mern is more suitable than just reactjs dev
i know mongodb , express and nodejs and i had already made a full stack website so is learning react soo important ?
@@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.
Can you make a video on full stack java developer. ☕
Bhaiya C++ road map for project development
every other educator: beginner to advanced
this guy: noob to pro
Is anyone have good source for react in which I master the react hooks and build strong logic over react😅
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
next video on NEXT JS please for open source
For mern same roadmap is suitable harkirat bro
I think harkirat bro nowadays mern is more suitable than just reactjs dev
do we write backend in nextjs project or separately? as it it a full stack framework i think backend is included in same project
Yes we can write api's in nextjs.
should i learn react with typescript or javascript ?
Harkirat when will the course 0-100 will start again?
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
Anything for django??
Now should we consider next over react?
Can you make one for the backend in nextjs
Live class ke beech mai video upload ho rhi hai :)
Prop Drilling pad ke aata hoon xD
node js ka bhi bnado
want a roadmap for mern stack
Kya me dsa and react side by side kr sakta hu
cyber security ke upar video lao sir
World 🌎 International relations please sir 🙏🙏 ....?????
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 ?
never jump on next without knowing react
@@skilz9525 I know react at intermediate level... so I am confused between what to start next... next-js or node??
@@user-ok1do2ol3f havent you made any full stack project in MERN ? do that first before jumping on next
The video quality is 10k : )
Everyone talking about front end... But Where is backend? ... Expressjs
There is no payment and country option in your course for Nepalese.
First viewer😂😂
Toh isme hasne wali baat kya ha😅
Developers ❎ React developers ✅
Don't be just a react dev.
@@imkir4n bhai logon ko itna toh seekh lene do, tier 3 wale toh HTML seekh ke hi khush ho jaate hain
Bro i want to buy your course but paisa nhi h
Reduce o to 100 dev cohort ..lots are wanted to join but dur to price they cant..
Own hook like write document.title
Why no one talks about django and only js based framework for backend?
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.
Bhai defi ki video shoot hogyi kya?
Next to next one
badhiya@@harkirat1
Kia main abhi apka course 0-1 join kr sakta hoon
Harkirat be like
Jaldi se roadmap bna deta hu views milenge
ok
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
React Native roadmap
Do you think artificial intelligence tools will completely take away our jobs? Do you think I should continue studying?
6:02 bro said same thing 3 times
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.
+1