Complete React Roadmap: Beginner to Advanced in 2024 | Tanay Pratap Hindi
Вставка
- Опубліковано 5 гру 2023
- In this video, discover beginner to intermediate techniques to elevate your frontend React project and unlock high-paying web developer jobs in 2024.
Explore React Hooks, React Query, NextJS, Redux, Formik, React Virtualised, React Spring, React Testing Library, Typescript, and React Native.
Understand each concept at a beginner level to dig in and start!
#react #javascript #reactredux #frontenddeveloper #fullstackdevelopers #tanaypratap #startsmall
------------------------------------------------------------------------------------------------------
Like, Share, and Subscribe for more!
Follow me on my other social media handles for all updates, events, and live sessions-
Instagram: / tanaypratap
Facebook: / tanayofficial
LinkedIn: / tanaypratap
Twitter: / tanaypratap
------------------------------------------------------------------------------------------------------------------
What's my story? An engineer, in love with his job, started teaching on the side. Got lucky. Impacted 1000s of lives. Had to finally leave his job to increase the impact surface area. Raised $5M funding to fix education. Is learning day and day about startups and building a valuable product.
How is it going? A decade of engineering helps in systems thinking and product building. Learning about Strategy, Marketing, People Management, and Finance on the go.
What am I building? Today, 25 million Indians prepare for government job entrance exams. They do it for years together. The probability of success is less than 1% but they still do it. Why? For the lack of a structured alternative to launch their white-collar career. I am building Invact to bridge this gap.
How? Follow me to know, it's a long story. I am telling it in parts every day.
![[ GAMECHANGER 🚀 ] REACT JS BECOMES 100 TIMES EASY IF YOU FOLLOW THIS.](/img/n.gif)
Time stamp
1. React hooks : 2:19
2. NEXT JS : 3:15
3. REACT REDUX : 4:37
4. FORMIK : 5:34
5. REACT QUERRY : 7:00
6. REACT Virtualize : 7:40
7. REACT SPRING : 8:32
8. REACT TESTING LIBRARY : 9:20
9. TYPESCRIPT : 10:22
10. REACT NATIVE : 11:48
Muje bs 7 nhi atta baki sb me to agg laga di hai 🤫🎇🎇
@@gursimranjitsingh5160 mujhe sab sikhna hai 😁😁
@@gursimranjitsingh5160kitnaaatime lga sikhne
Thanks bro
@@gursimranjitsingh5160
Bhai kya source use Kiya aapne ye sab seekhne k liye?
Abhi just maine react road map for 2023 dekha tha.. dekhte dekhte ye video aa gaya 😂
Same😂🤣🤦♂️
छा गया गुरू..... Viral
😂😂
Same😂
GΔΔΠΣ MΔRΔΩ😂😂😂
Please tell us about all detailed roadmaps of every 'react skill' which you have mentioned in this amazing 'React Roadmap' video.
Hey Tanay,
It is difficult to keep track of the exact roadmap these days as there is a lot of fuss on the internet, overflowing with roadmaps. Can you do a playlist, only for ReactJS that has roadmaps of each of the topics you talked about today, including 1-2 small project in each domain. It will be helpful for us to come back to it later whenever we need it.
Arey vah! Zabardast. You are great.
Awesome 👍 Yes we need detailed roadmaps for all technologies one by one ❤
am I the only one who noticed special voices and gestures that as newly added .. for scroll ..scroll & react spring ?.😃. This way of explanation is awesome. And no wonder the tutorial is full of knowledge as usual. Thanks a lot & we are waiting for detailed roadmap of react .
bhtreen bhaiya, bht bht acha laga video dekh kr, in shaa ALLAH ye video pe puri implementation krenge
Yes bhaiya please make all detailed roadmap for the freshers. ....baki ye video bhi bahut aachha hai
Thanks for your information this type of info helps beginners like us a lot and get a clear understanding.
Thank you so much for this valuable information
Bhaiya roj ek video daal Diya Karo aapko sunke hi dimag aur dil dono khush ho jate hai
Tanay bhaiya aap jab bhi aate hon eak light late hon ...jon hamare jeevan ko ujwalit kar deti he.... Thank you so much tanay bhaiya..
Thannk You Bhaiya, I am learning React for 4 months but today I feel that it is only starting. Now I have a lot to learn and I will do it.
yes tanay bro, there ia a need of your detail roadmap
Please give the detailed roadmaps for at least first 5 steps, it will be very helpful since I am starting to learn react. Thank you !!
@TanaySir It would be very helpful if you can give detailed video on every tool and tech stack . Thankyou and Waiting for the next video.❤❤
Dil khos kr diya sir ..Subhal Allah
such an important video for us sir thank u for this videoo
Thanks sir for guidence
good video most big lib are covered! thanks
React shuru hi kr raha tha aur video aagaya❤
Same❤
Thankyou soo much Tanay....please also make a video on detailed roadmap on these topics
Please make a video on complete road map of web development in 2024.
Love from Bangladesh.
React Intermediate roadmap:
1. React Hooks (2:19): React Hooks are functions that let you use state and other React features in functional components.
2. Next.js (3:15): Enables server-side rendering, automatic code splitting, easy configuration and routing out of the box.
3. React Redux (4:37): React Redux is a state management library for React applications.
4. Formik (5:34): Formik is a form management library for React that helps with the implementation of forms and form validation.
5. React Query (7:00): Managing, caching, and updating remote and local data in React applications.
6. React Virtualize (7:40): Efficiently rendering large lists (Scrolling) and tables in React applications by only rendering the items that are currently visible on the screen.
7. React Spring (8:32): React Spring is a physics-based animation library for React.
8. React Testing Library (9:20):
9. TypeScript (10:22):
10. React Native (11:48): React Native allows developers to use React and JavaScript to build native mobile apps for iOS and Android platforms.
Sir, your suggestions and deep talks are very crystal clear. Sir, I would like to enroll in your courses, if there is one.
Watching your videos gives a different kind of confidence. I am currently learning react redux and I would like to learn from your videos. Thank you sir
Thank you 🙏🙏 tanay bhai for this helpful video and all other videos series like lambi lakeer, I want a typescript roadmap video
One more video for booming channel ❤
Sir please make beginner to advance react tutorial in reasonable fees.. We will definitely buy.
yes , i want to be a proper guide for how to learn react in proper way..
Sir thanks for your help.
Its amazing
Overall roadmap thoda details m provide kizia on tht 10 key points... That gives us confidence and very helpful for us.. I am also a react developer ❤ thank you ❤️
I am starting my front end web development just in few days. I insist you to please make full road map on front end and full stack. Also I wanna know that how much maths is important for Front end and Full stack.. And also make a video on off campus placement.. 2023 is coming to an end please..
Yes we need all skill details
❤❤❤❤
Really bhaiya can't thank you enough. I just started learning react today after making 5 super projects in Html, CSS and JavaScript since I started learning from the last two months. And here today itself you make the video on what to learn after React. This is what I have been researching since last 1 week and you literally made my work easy.
Really really thank you bhaiya ❤❤❤❤
you learned HTML, CSS and JS and also made 5 projects in just 2 months?
❤ love you brother
Hello sir,
I am currently in final year b com and I am interested to learn about cloud computing and want to make a career in cloud computing....
Can you make a roadmap video for non-cs students...
I am currently studying operating systems and the basics of clouds....
Some people encourage but some people it's not a good idea to shift from commerce to cloud computing(IT)..
Please Make video on which projects to make.
thnk bro very helfull video
Please provide detail roadmaps of each tool mentioned
Sir please make a roadmap and guide for Angular also
Thank you .....pls make video on react js project with tailwind css ,API and localstorage in it and also the hooks pls
, I comment on Web developer roadmap make video react roadmap , today happen😀🥰 thanku
yes i want road map of this ten video
Detailed Video List 2 out of 10.
React Hooks, React Redux
We want all in detail sir..... Please make it for us
Best react course from jonas schmedtmann
Detailed roadmap on each topic please
Typescript learning Roadmap please sir make it.
Sir I want to ask 2 questions very respectfully🙏
Q1) You say that DSA is not important but on NeoG website Sushil Tripathi sir is mentioned as Mentor for DSA using Javascript why is that?
Q2) Why are there so many edtech startups in India now? & What is the Moat or differentiator in Invact Metaversity & NeoG?
Please enlighten me on this & point out if I made some mistake in the questions I asked,as I am half convinced to join your NeoG bootcamp course. I have started with some level 0 stuff.
begineer react js roadmap plz make video on that
Make a Project Video or series using all this concepts
Bahot zyada ho gya bhaiya tools beginner k liye la do 🎉
sir what is an ideal time we should give to learn react, so that we start freelancing or search for frontend dev role??
We want all Roadmap ❤
Please share complete road map Tanay bhaiya
Sir, ji react ka roadmap sablog bata deta hai lekin koi tutorial ka complete video nahi banata hai aap bana do plzz 😊😊
yes bhaiya sbke roadmap laoo aap
Detailed video on React Native road map please sir ❤❤❤❤
Love from west bengal ❤
Thanks sir for energetic me....
we need detail roadmap of TS and react native.
Redux toolkit roadmap needed bhaiya!!
Bhaiya ek chis ap sayad nahi dakha market mae job search karogi toe javascript ek job ka liye 2500 se bhi jada application logo nae bhar raha hae but dusra technology mae itna nahi . So sab log ehi karega toe market mae sastha resources bhi mil jayega..
Guruji 🙌❤
Nobody say the real fact is: First Learn Software Development concepts with SDLC for make a good base of concepts, Then Learn Concepts of High Level Design and Low Level Design for write quality code for make scalable and maintainable apps and softwares. Load Balancing and Data Caching is most important concepts for Tech Industry. Programming Skills is important more than Learn a programming language or framework.
I am on my first react job as of now, and this video helped me a lot and cleared all my doubts about how to invest my time in react, Thankyou so much Sir
Were you able to land only as front end developer or full stack is the minimum requirement these days?
+1
@@maintainprivacyeven I landed my firs job 6 months ago with just React , but the pay is average or below for some 6lpa
@@mikelan9854 so in order to get decent pay, is just front end not gonna cut it? Do we need to focus on full stack development?
@@mikelan9854 and do we need CS concept also, like OS, DBMS, and Computer network and DSA also?
Aaj mai react ke uper hi roadmap dekh rha ta or ye upload ho gya vo khte hai na kisi cheez ko shiddhat se chao to kaynat bhi use milaane mai lg jaati h
sabhke roadmaps chahiye ekdum detail mai
A video on books and practice sets
Plzz give us a roadmap for react native industry level.
Roadmap for all topics
Bhaiya react native sikhne ka basic se high level ka roadmap pr video banaiye
I have knowledge of angular in typescript so can I start learning react in typescript only ?
I get inspiration from you Guruji❤
Bro please bring the beginner level react road map
Define all topics individually
yes bhaiya chhaye
Difference between web development and web app development
Will it beneficial to learn react in 2024 as front-end shifts to AI?
Sabka detailed roadmap chahiye in a playlist
Please give us roadmap for all this thing
Bhaiya pahale javascript se suru karte hai ki ek pro level ka developer banne ke liye Kitna javascript ana chahiye. Aur Kitna practice chahiye for beginners aur jo pahale se programming janta ho
Aur kya dsa jaruri hai kya aur hai to Kitna?
bhaiya please give detailed roadmap of hooks
Today I completed hooks in depth 😊
how much of time it required to complete react hooks
@@shaikwaheed366 I already knew it. So for me it was just one day
Kamal bhai .love from Pakistan ❤️
Sir android development road map video banaiye....🙏
Video on Authentication
make Detailed videos for React js and Next js
bhaiya basic roadmap ka video bhi jaldi dijiye...
sir we want react basic roadmap
Detail roadmap for react native
But what if some legacy code has class components? The company will require us to understand that also along with hooks
Which is faster??
React Native or Flutter?
need detailed video tanay bhaiya
First from Bangladesh
Bhaiya kya hum after learning React.js can do some side hustle for some earning money just motivate for more learning....
Bhaiya ... React Query and React Virtualized pe upar videos chahiye ... I mean roadmap
Hi sir, I want to become a mobile app developer. Can I start my journey in React native or do I need to learn Android development first and then react native. Please suggest ❤️❤️