Тёмный

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

Tanay Pratap
Подписаться 275 тыс.
Просмотров 102 тыс.
50% 1

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.

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

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 295   
@abhitalks-businesstalks7567
@abhitalks-businesstalks7567 10 месяцев назад
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
@gursimranjitsingh5160 10 месяцев назад
Muje bs 7 nhi atta baki sb me to agg laga di hai 🤫🎇🎇
@abhitalks-businesstalks7567
@abhitalks-businesstalks7567 10 месяцев назад
@@gursimranjitsingh5160 mujhe sab sikhna hai 😁😁
@yupp_harish3936
@yupp_harish3936 10 месяцев назад
​@@gursimranjitsingh5160kitnaaatime lga sikhne
@sabitaliz7
@sabitaliz7 10 месяцев назад
Thanks bro
@hitmansharma613
@hitmansharma613 8 месяцев назад
​@@gursimranjitsingh5160 Bhai kya source use Kiya aapne ye sab seekhne k liye?
@anshumangarg7760
@anshumangarg7760 10 месяцев назад
Abhi just maine react road map for 2023 dekha tha.. dekhte dekhte ye video aa gaya 😂
@IllIIIIIIllll
@IllIIIIIIllll 10 месяцев назад
Same😂🤣🤦‍♂️
@PrathameshGodse-x1q
@PrathameshGodse-x1q 10 месяцев назад
छा गया गुरू..... Viral
@Himanshu-jk8rq
@Himanshu-jk8rq 10 месяцев назад
😂😂
@valoguyz2614
@valoguyz2614 10 месяцев назад
Same😂
@Rapopper
@Rapopper 10 месяцев назад
GΔΔΠΣ MΔRΔΩ😂😂😂
@piyushramnani1014
@piyushramnani1014 10 месяцев назад
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
@sowhom6714 10 месяцев назад
Please tell us about all detailed roadmaps of every 'react skill' which you have mentioned in this amazing 'React Roadmap' video.
@jhonsnow534
@jhonsnow534 9 месяцев назад
😂😂😂 tu wahi hai na jisko Microsoft se call aaya tha
@sourabhsingh4515
@sourabhsingh4515 10 месяцев назад
koi bhi react mat karo mereko job milna chahiye subse phele 😆
@hari_the_lazyprogrammer
@hari_the_lazyprogrammer 10 месяцев назад
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 .
@ffcolax2281
@ffcolax2281 10 месяцев назад
Sir you have a good knowledge in react 👍 so please sir you provide react course in RU-vid 😊 because several students learning react in your channel please sir i hope you reply me 🙏🙏🙏🥺
@eshasingh2847
@eshasingh2847 9 месяцев назад
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
@Professor_Aizec
@Professor_Aizec 4 месяца назад
Sir, pehle kya karu dsa or development answer give me....
@Lucifier_king214
@Lucifier_king214 10 месяцев назад
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 😂.
@afootshorts2304
@afootshorts2304 10 месяцев назад
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..
@adnanhussain9276
@adnanhussain9276 4 месяца назад
Wese honestly ek developer ka haath 2 saal mein khuljaata hai. Agar woh mehnat karey toh.
@kunjmaheshwari9819
@kunjmaheshwari9819 9 месяцев назад
I felt this person is fake.
@manojgowda1718
@manojgowda1718 10 месяцев назад
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)..
@bharath2508
@bharath2508 10 месяцев назад
Web development is saturated. Go check the number of jobs for freshers.
@Codebreaker0702
@Codebreaker0702 10 месяцев назад
I have knowledge of angular in typescript so can I start learning react in typescript only ?
@hardikgoel242
@hardikgoel242 10 месяцев назад
❤❤❤❤ 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
@Yogis_BitterTruth_Nirvan 9 месяцев назад
you learned HTML, CSS and JS and also made 5 projects in just 2 months?
@busybee256
@busybee256 10 месяцев назад
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.
@pratikamburle9483
@pratikamburle9483 10 месяцев назад
Sir please make beginner to advance react tutorial in reasonable fees.. We will definitely buy.
@suniljadhavpatil353
@suniljadhavpatil353 9 месяцев назад
Skills hote hua bhi job nahi mil rahi hai, kya fayda shik ke😢😢
@itsMohak
@itsMohak 10 месяцев назад
Arey vah! Zabardast. You are great.
@Web-Himansu
@Web-Himansu 10 месяцев назад
Bhaiya kya hum after learning React.js can do some side hustle for some earning money just motivate for more learning....
@ramdaslandge-t4u
@ramdaslandge-t4u 9 месяцев назад
begineer react js roadmap plz make video on that
@carl4705
@carl4705 10 месяцев назад
@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.❤❤
@aditya-d-
@aditya-d- 10 месяцев назад
, I comment on Web developer roadmap make video react roadmap , today happen😀🥰 thanku
@Anshuverma4674
@Anshuverma4674 10 месяцев назад
Sir abb mai cybersecurity start karunga mai kase karu app bto naa
@anuragrai5631
@anuragrai5631 10 месяцев назад
Sir, ji react ka roadmap sablog bata deta hai lekin koi tutorial ka complete video nahi banata hai aap bana do plzz 😊😊
@kashyapprajapati4700
@kashyapprajapati4700 9 месяцев назад
Typescript learning Roadmap please sir make it.
@indrajeetkundu9827
@indrajeetkundu9827 10 месяцев назад
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
@shubhankarsharma5438 9 месяцев назад
vercel
@indrajeetkundu9827
@indrajeetkundu9827 9 месяцев назад
Thank you
@kartikaysingh2040
@kartikaysingh2040 9 месяцев назад
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.
@VrickzGamer
@VrickzGamer 9 месяцев назад
Sir please make a roadmap and guide for Angular also
@piyushramnani1014
@piyushramnani1014 10 месяцев назад
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.
@aniketlawaniya7842
@aniketlawaniya7842 9 месяцев назад
If you want to become a web developer please block this guy from every where on the platform. Simping over everything and misguiding students
@engineerboy032
@engineerboy032 9 месяцев назад
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
@niranjanbhat3949
@niranjanbhat3949 10 месяцев назад
Yar har koi react seekh rha hai 😅
@snoopeak8861
@snoopeak8861 10 месяцев назад
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..
@SatyanshSingh-k7m
@SatyanshSingh-k7m 4 месяца назад
react native roadmap
@21KESHAV_CHOUDHARI
@21KESHAV_CHOUDHARI 9 месяцев назад
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
@sulmanahmad6943
@sulmanahmad6943 10 месяцев назад
Awesome 👍 Yes we need detailed roadmaps for all technologies one by one ❤
@Anymous-Boy
@Anymous-Boy 9 месяцев назад
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
@amaanshaikh9470
@amaanshaikh9470 10 месяцев назад
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
@timtimatatara 10 месяцев назад
Were you able to land only as front end developer or full stack is the minimum requirement these days?
@piyushramnani1014
@piyushramnani1014 10 месяцев назад
+1
@mikelan9854
@mikelan9854 10 месяцев назад
​@@timtimatataraeven I landed my firs job 6 months ago with just React , but the pay is average or below for some 6lpa
@timtimatatara
@timtimatatara 10 месяцев назад
@@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
@timtimatatara 10 месяцев назад
@@mikelan9854 and do we need CS concept also, like OS, DBMS, and Computer network and DSA also?
@SumitSingh-hx4pe
@SumitSingh-hx4pe 10 месяцев назад
sir what is an ideal time we should give to learn react, so that we start freelancing or search for frontend dev role??
@SapnaSingh-mo6dw
@SapnaSingh-mo6dw 9 месяцев назад
Hello sir mai abhi BCA 1st year me hu or mujhe cyber security me carrier karna hai sir kya aap meri help kar sakte hai aap mujhe bata sakte aane vale time me cyber security me mai kya kar sakti hu
@9craftgaming
@9craftgaming 5 месяцев назад
Sir why are you look like Elliot (Mr. Robot) 👨‍💻
@avaygc5646
@avaygc5646 10 месяцев назад
Best react course from jonas schmedtmann
@LalitRanwa
@LalitRanwa 9 месяцев назад
IN this video " app Development ' mean web. development
@sayanmukherjee1445
@sayanmukherjee1445 4 месяца назад
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.
@fewminuteswithabhi2482
@fewminuteswithabhi2482 10 месяцев назад
Bhaiya...DSA ka kya karna hai.. company to yahi puchhti hai pahle😮
@AKASHTHAKUR-kz2dx
@AKASHTHAKUR-kz2dx 8 месяцев назад
Ya road map kis ka liya hai vo to bta do next sentence se aisa lgne laga ki pta nhi kya bta rha hu
@BabaBaba-zx3ww
@BabaBaba-zx3ww 9 месяцев назад
Ye sari cheeze job lagne ke bad shuru karna hai ky 😢😢😢
@ravindradevane7151
@ravindradevane7151 10 месяцев назад
Please tell us about all detailed roadmaps of every 'react skill' which you have mentioned in this amazing 'React Roadmap' video.
@Avi_9984
@Avi_9984 9 месяцев назад
Backend ka testing library per video bnao na bhaiya
@shivamshende642
@shivamshende642 10 месяцев назад
React shuru hi kr raha tha aur video aagaya❤
@vision10x73
@vision10x73 10 месяцев назад
Same❤
@vopic8039
@vopic8039 9 месяцев назад
Kabhi ek line code bhi sikhaya hai Bs roadmap batate rehte ho
@Ritesh-v1k
@Ritesh-v1k 9 месяцев назад
Sabse pehle javascript sikho
@Manan_gohel
@Manan_gohel 6 месяцев назад
How much time it will take to learn JavaScript and reactjs
@AnkitPatel04
@AnkitPatel04 10 месяцев назад
Next video on Game development because isme bohot depression he😅 help.
@jay2384
@jay2384 10 месяцев назад
Ye recession hoga kab end...pareshan kr diya hai isne...
@RyzerShaikh
@RyzerShaikh 10 месяцев назад
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
@kamalbhaizan
@kamalbhaizan 9 месяцев назад
class components waise samajh aata bhi nahi mujhe 🤣
@AsmaKhan-qf6gd
@AsmaKhan-qf6gd 10 месяцев назад
next js and react native par detail roadmap sir please
@devabhai11
@devabhai11 6 месяцев назад
Ye sir demotivate bahut krte h yrrr
@somnathpaul5817
@somnathpaul5817 9 месяцев назад
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?
@enigma6463
@enigma6463 9 месяцев назад
You look like Indian version of Rami malek
@kumaripriyanka6699
@kumaripriyanka6699 9 месяцев назад
Thank you .....pls make video on react js project with tailwind css ,API and localstorage in it and also the hooks pls
@paraggawkar515
@paraggawkar515 8 месяцев назад
But what if some legacy code has class components? The company will require us to understand that also along with hooks
@farhanakhtar971
@farhanakhtar971 10 месяцев назад
Ye 2023 ko 2X speed pr kisne chla di😢
@khushjeetkumarkushwaha
@khushjeetkumarkushwaha 10 месяцев назад
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?
@shuvom4928
@shuvom4928 10 месяцев назад
E 10 tipic ka derailed roadmap dedo sir please
@thefourbytes
@thefourbytes 10 месяцев назад
Google gemini has done the impossible. Web development is going to be a breeze. Are you still sure that front end development is going to be attractive? Work force requirement is going to reduce. Junior devs are going to suffer from now on.
@Danish_213
@Danish_213 10 месяцев назад
Ye batao ye roadmap follow krne ke baad Microsoft ko unke hiring process change krne ko bol paunga ya nahi😂😂
@amangouraman6789
@amangouraman6789 9 месяцев назад
Next js detailed roadmap banaiye
@comicalgamer7820
@comicalgamer7820 10 месяцев назад
Bhaiya manage job and competition?
@code-by-sami
@code-by-sami 9 месяцев назад
Subhan Allah mashallah ❤❤🎉🎉🎉
@Codetobuild
@Codetobuild 9 месяцев назад
Bhai thoda Asp.net core pr bhi ek video bana do
@DivyanshRaj-b5f
@DivyanshRaj-b5f 9 месяцев назад
Angular ka bhi Roadmap bta do..
@apnamotivation3035
@apnamotivation3035 10 месяцев назад
bhaiya saare 10 topics pe detailed vedio banao aap Please beacause aap se koi structure way me smjh ak nahi deta hai
@codidea5843
@codidea5843 9 месяцев назад
I need detail road map of react redux
@dhirajaryaa
@dhirajaryaa 9 месяцев назад
Sir ye chota chota apps ka Idea hi nhi aata hai
@ibrahimsayyad5824
@ibrahimsayyad5824 9 месяцев назад
React Native ke upar video please
@rifatriyad9575
@rifatriyad9575 9 месяцев назад
i want detail road map of next js
@vineetyeligeti8981
@vineetyeligeti8981 9 месяцев назад
Redux and next js ka roadmap banao
@aahwanneeraj3518
@aahwanneeraj3518 10 месяцев назад
Today I completed hooks in depth 😊
@Crown4301
@Crown4301 10 месяцев назад
how much of time it required to complete react hooks
@aahwanneeraj3518
@aahwanneeraj3518 10 месяцев назад
@@Crown4301 I already knew it. So for me it was just one day
@vishalkhokar6303
@vishalkhokar6303 10 месяцев назад
How to join his WEB DEVELOPMENT BATCH
@SYRLE27PRATHAMESHWAKDE
@SYRLE27PRATHAMESHWAKDE 9 месяцев назад
Bhaiyaa ek baar java development ke liye bhi video banao naa. Bohot kam resource hai
@farhanarahman412
@farhanarahman412 Месяц назад
details roadmap chahiye❤
@chaitanyasharmakvs1556
@chaitanyasharmakvs1556 5 месяцев назад
sir we want react basic roadmap
@gouravsarkar3588
@gouravsarkar3588 10 месяцев назад
Vaiya main project bench PE hun 1saal ho gaya lekin kuch work nahi Mila ab kya karun
@rahmansaif4087
@rahmansaif4087 10 месяцев назад
Please make a roadmap on : 1.DSA 2.Competitive Programming in Codeforces 3.Problem solving in Leetcode
@mehrajalom1407
@mehrajalom1407 10 месяцев назад
Tumne kuch galat keh Dita bhaiya 😂, ye Banda inn chizon see nafrat karta Hain 😂
@enciridus2291
@enciridus2291 10 месяцев назад
sir ap reply kiu nahi korte main apke har video may comment korta hu .bura lagta hey sir
@mdrehan4all
@mdrehan4all 10 месяцев назад
Bhaiya main angular developer hun iska kya scope hai mujhe aap se janna hai
@dixitGogoi32
@dixitGogoi32 10 месяцев назад
Bhaiya ... React Query and React Virtualized pe upar videos chahiye ... I mean roadmap
@VrickzGamer
@VrickzGamer 9 месяцев назад
Sir can you please make some video on Angular also
@funnyvids7797
@funnyvids7797 10 месяцев назад
Dear Tanay can you share your github profile link?
@parvejkhan4512
@parvejkhan4512 9 месяцев назад
Sir sabhi par details video bna do
@yogeshvaidya7426
@yogeshvaidya7426 10 месяцев назад
Bhaiya react native sikhne ka basic se high level ka roadmap pr video banaiye
@remarkmkt4867
@remarkmkt4867 9 месяцев назад
React Query roadmap sir
@JyotsanaChheda
@JyotsanaChheda 10 месяцев назад
Sir I am React developer is it good time to learn Golang?
@hiten-ahir
@hiten-ahir 9 месяцев назад
Thank you 🙏🙏 tanay bhai for this helpful video and all other videos series like lambi lakeer, I want a typescript roadmap video
@Shahid_1750
@Shahid_1750 10 месяцев назад
Angular ka bhi roadmap banao bhai
@siddheshabnave2101
@siddheshabnave2101 10 месяцев назад
Aap sir javascript ka bhi la do
Далее
React JS roadmap | chai aur react series
30:18
Просмотров 883 тыс.
Front End Developer RoadMap - for Jobs in 2024
17:18
Просмотров 678 тыс.
How To Master React In 2024 (Complete Roadmap)
13:30
Просмотров 199 тыс.
React Tutorial for Beginners
1:20:04
Просмотров 3,2 млн