Complete React Roadmap: Beginner to Advanced in 2024 | Tanay Pratap Hindi

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.

[@abhitalks-businesstalks7567]

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

[@gursimranjitsingh5160]

Muje bs 7 nhi atta baki sb me to agg laga di hai 🤫🎇🎇

[@abhitalks-businesstalks7567]

@@gursimranjitsingh5160 mujhe sab sikhna hai 😁😁

[@yupp_harish3936]

​@@gursimranjitsingh5160kitnaaatime lga sikhne

[@sabitaliz7]

Thanks bro

[@hitmansharma613]

​@@gursimranjitsingh5160 Bhai kya source use Kiya aapne ye sab seekhne k liye?

[@anshumangarg7760]

Abhi just maine react road map for 2023 dekha tha.. dekhte dekhte ye video aa gaya 😂

[@IllIIIIIIllll]

Same😂🤣🤦‍♂️

[@PrathameshGodse-x1q]

छा गया गुरू..... Viral

[@Himanshu-jk8rq]

😂😂

[@valoguyz2614]

Same😂

[@Rapopper]

GΔΔΠΣ MΔRΔΩ😂😂😂

[@piyushramnani1014]

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.

[@sowhom6714]

Please tell us about all detailed roadmaps of every 'react skill' which you have mentioned in this amazing 'React Roadmap' video.

[@hari_the_lazyprogrammer]

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 .

[@busybee256]

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.

[@sulmanahmad6943]

Awesome 👍 Yes we need detailed roadmaps for all technologies one by one ❤

[@itsMohak]

Arey vah! Zabardast. You are great.

[@afootshorts2304]

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..

[@hardikgoel242]

❤❤❤❤ 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 ❤❤❤❤

[@Yogis_BitterTruth_Nirvan]

you learned HTML, CSS and JS and also made 5 projects in just 2 months?

[@amaanshaikh9470]

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

[@timtimatatara]

Were you able to land only as front end developer or full stack is the minimum requirement these days?

[@piyushramnani1014]

+1

[@mikelan9854]

​@@timtimatataraeven I landed my firs job 6 months ago with just React , but the pay is average or below for some 6lpa

[@timtimatatara]

@@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?

[@timtimatatara]

@@mikelan9854 and do we need CS concept also, like OS, DBMS, and Computer network and DSA also?

[@shivamshende642]

React shuru hi kr raha tha aur video aagaya❤

[@vision10x73]

Same❤

[@kartikaysingh2040]

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.

[@Professor_Aizec]

Sir, pehle kya karu dsa or development answer give me....

[@indrajeetkundu9827]

Sir learning react is not problem. If I learn this,where I get the affordable hosting service? Because, today a good cloud hosting or dedicated server is too costly and which is free or less costly those are not serviceable for market. Rather than this, LAMP servers are mostly affordable with good shared hosting.

[@shubhankarsharma5438]

vercel

[@indrajeetkundu9827]

Thank you

[@ffcolax2281]

Sir you have a good knowledge in react 👍 so please sir you provide react course in KZbin 😊 because several students learning react in your channel please sir i hope you reply me 🙏🙏🙏🥺

[@eshasingh2847]

Hi Sir, Plz give us the detail roadmap as discussed in the last section of the video. ALSO DO U SUGGEST ANY TUTORIALS TO START LEARNING react from

[@manojgowda1718]

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)..

[@21KESHAV_CHOUDHARI]

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

[@anuragrai5631]

Sir, ji react ka roadmap sablog bata deta hai lekin koi tutorial ka complete video nahi banata hai aap bana do plzz 😊😊

[@somnathpaul5817]

Sir may apki sari videos dakhta hu .ek prblm ho raha hay... Mayne js Thora bohot sikha hay kafi sare cli apps bhi bana liya hay..jaisa ki apne bola hay.. Mera sawal ye hay ki bohot sare project hay sirf html,css ,js se banane ke liye hay .to may kya unko banau?ya fir may react chalu Karu??kiu ki basic foundation Mera a Gaya hay js me..bohot acha to nahi lakin Thora bohot chota mota cli apps bana leta hu .to kya karu may ab?react chalu Karu?

[@ramdaslandge-t4u]

begineer react js roadmap plz make video on that

[@suniljadhavpatil353]

Skills hote hua bhi job nahi mil rahi hai, kya fayda shik ke😢😢

[@aniketgupta4705]

@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.❤❤

[@Lucifier_king214]

Sir kitna padhe . Pahle padhte hai project banate hai phir sb bhool jate hai . Kyuki cheeze whi hamesha yaad rhti hai jo hm lagatar use me late hai. Aur use me lane ke liye job chahiye aur job pane ke liye experience . Aur bina job ke experience kha se laye 😂.

[@snoopeak8861]

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..

[@myanaabhishek3774]

Thanks for your information this type of info helps beginners like us a lot and get a clear understanding.

[@ritwishamukherjee7618]

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 !!

[@NomanKhan-xp3ed]

bhtreen bhaiya, bht bht acha laga video dekh kr, in shaa ALLAH ye video pe puri implementation krenge

[@pratikamburle9483]

Sir please make beginner to advance react tutorial in reasonable fees.. We will definitely buy.

[@rahmansaif4087]

Please make a roadmap on : 1.DSA 2.Competitive Programming in Codeforces 3.Problem solving in Leetcode

[@mehrajalom1407]

Tumne kuch galat keh Dita bhaiya 😂, ye Banda inn chizon see nafrat karta Hain 😂

[@Anshuverma4674]

Sir abb mai cybersecurity start karunga mai kase karu app bto naa

[@kashyapprajapati4700]

Typescript learning Roadmap please sir make it.

[@khushjeetkumarkushwaha]

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?

[@akshayjadhav5150]

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..

[@Codebreaker0702]

I have knowledge of angular in typescript so can I start learning react in typescript only ?

[@aditya-d-]

, I comment on Web developer roadmap make video react roadmap , today happen😀🥰 thanku

[@SumitSingh-hx4pe]

sir what is an ideal time we should give to learn react, so that we start freelancing or search for frontend dev role??

[@Nbalars]

Yes bhaiya please make all detailed roadmap for the freshers. ....baki ye video bhi bahut aachha hai

[@VrickzGamer]

Sir please make a roadmap and guide for Angular also

[@amitpandey1481]

Bhaiya roj ek video daal Diya Karo aapko sunke hi dimag aur dil dono khush ho jate hai

[@AKASHTHAKUR-kz2dx]

Ya road map kis ka liya hai vo to bta do next sentence se aisa lgne laga ki pta nhi kya bta rha hu

[@gauravchakrawarti6175]

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.

[@aahwanneeraj3518]

Today I completed hooks in depth 😊

[@Crown4301]

how much of time it required to complete react hooks

[@aahwanneeraj3518]

@@Crown4301 I already knew it. So for me it was just one day

[@paraggawkar515]

But what if some legacy code has class components? The company will require us to understand that also along with hooks

[@ishaangarg2001]

Thankyou soo much Tanay....please also make a video on detailed roadmap on these topics

[@coolgadgets5984]

Will it beneficial to learn react in 2024 as front-end shifts to AI?

[@Web-Himansu]

Bhaiya kya hum after learning React.js can do some side hustle for some earning money just motivate for more learning....

[@hiten-ahir]

Thank you 🙏🙏 tanay bhai for this helpful video and all other videos series like lambi lakeer, I want a typescript roadmap video

[@zhaji.69]

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 ❤️

[@adnanhussain9276]

Wese honestly ek developer ka haath 2 saal mein khuljaata hai. Agar woh mehnat karey toh.

[@rajpawar4778]

Thank you so much for this valuable information

[@gargishodangi2868]

Sir plss make a video on only Javascript topics/contents roadmap needed for React. 🙏🙏 It will be really helpful for us who are beginning their career as a React Developer.

[@jeetlodhiya9052]

Are you react developer or try to jump on react in 2024

[@gargishodangi2868]

@@jeetlodhiya9052 trying to jump into it in 2024

[@jeetlodhiya9052]

@@gargishodangi2868 I'm also learning "reactjs" so can we connect on insta ?

[@tahsinkhan9884]

Please make a video on complete road map of web development in 2024. Love from Bangladesh.

[@SolaTechBhai]

Detailed Video List 2 out of 10. React Hooks, React Redux

[@abuzarbaig3116]

Please provide detail roadmaps of each tool mentioned

[@kumaripriyanka6699]

Thank you .....pls make video on react js project with tailwind css ,API and localstorage in it and also the hooks pls

[@gouravsarkar3588]

Vaiya main project bench PE hun 1saal ho gaya lekin kuch work nahi Mila ab kya karun

[@yogeshvaidya7426]

Bhaiya react native sikhne ka basic se high level ka roadmap pr video banaiye

[@jems2k]

React Developer demand scenario in future? what's your take?

[@RyzerShaikh]

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

[@saitejaswinisurisetti8467]

such an important video for us sir thank u for this videoo

[@Avi_9984]

Backend ka testing library per video bnao na bhaiya

[@avaygc5646]

Best react course from jonas schmedtmann

[@metaaffinity]

yes tanay bro, there ia a need of your detail roadmap

[@m.hamzajaved1212]

Which is faster?? React Native or Flutter?

[@sayanmukherjee1445]

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.

[@mrmunnaxy]

Difference between web development and web app development

[@krishankanhaya_]

Formik and react-hook-form me kya choose kare

[@faizayousuf3448]

Kb aegi apki video

[@rootex8013]

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 ❤️❤️

[@vishalkhokar6303]

How to join his WEB DEVELOPMENT BATCH

[@HimanshuSingh-cr4ir]

Please Make video on which projects to make.

[@gauravbharadwaj5119]

yes , i want to be a proper guide for how to learn react in proper way..

[@SYRLE27PRATHAMESHWAKDE]

Bhaiyaa ek baar java development ke liye bhi video banao naa. Bohot kam resource hai

[@farhanarahman412]

details roadmap chahiye❤

[@AsmaKhan-qf6gd]

next js and react native par detail roadmap sir please

[@DivyanshRaj-b5f]

Angular ka bhi Roadmap bta do..

[@codidea5843]

I need detail road map of react redux

[@minhazhalim2097]

What about react-router!! ?. And react-spring is not mendetory.

[@sarowar-fd8ud]

Dil khos kr diya sir ..Subhal Allah

[@dhirajaryaa]

Sir ye chota chota apps ka Idea hi nhi aata hai

[@aniketfunde7188]

Make a Project Video or series using all this concepts

[@Anymous-Boy]

Bhaiya maine ba Kiya hai 2022 me to kya mujhe data analyst ke liye prepare karna chahiye Job mil jaayegi - otherwise I will prepare for government job

[@akshaysrivastava4304]

good video most big lib are covered! thanks

[@fewminuteswithabhi2482]

Bhaiya...DSA ka kya karna hai.. company to yahi puchhti hai pahle😮

[@MuhammadWaqas-eb1uu]

Sir React Hooks ko detail ma bta dai..QQ ka React Hooks ka hi sara kam hota ha.

[@Codetobuild]

Bhai thoda Asp.net core pr bhi ek video bana do

[@HhHh-zq3qj]

Thanks sir for guidence

[@Priyanka-bd6um]

sir react native pr bna dijiye

[@soniyasoniya6102]

Kya aap update bhi ho

[@greeting7887]

We want all in detail sir..... Please make it for us

[@ravindrasuryawanshi7666]

Its amazing

[@chaitanyasharmakvs1556]

sir we want react basic roadmap

[@engineerboy032]

I thought first select field where less crowd React common everyone goes to learn of computer science domain students First choose thos field where less crowd, less number of people know , New technology And last i suggest don't buy any pad course knowledge is free but we need to explore

[@rafiatube7093]

Detailed video on React Native road map please sir ❤❤❤❤

[@LalitRanwa]

IN this video " app Development ' mean web. development

[@shuvom4928]

E 10 tipic ka derailed roadmap dedo sir please

[@sarwanverma5054]

Please share complete road map Tanay bhaiya

[@jamreji8662]

thnk bro very helfull video

[@tejasathawale6010]

Sir android development road map video banaiye....🙏