Тёмный
No video :(

Thinking in React | Hindi 

Coder's Gyan
Подписаться 100 тыс.
Просмотров 9 тыс.
50% 1

👉 Step into the world of full-stack development with our detailed MERN Stack With Microservices course! Transform your ideas into reality: www.codersgyan... 🌐🚀
Feeling overwhelmed by React? You're in good company. Mastering React is key to building amazing apps and enjoying the development process along the way.
React's magic is in its component-based structure, but to harness that power, understanding its fundamentals is crucial.
That's why I've crafted a special RU-vid video, "Thinking in React" just for you. It walks you through everything from decomposing UIs into components to weaving those components into fully interactive web apps.
Here's why you should give it a watch:
Break down React into easy-to-digest pieces.
Learn to transition from static to dynamic with state.
Master component communication to bring your app to life.
Whether you're diving into React for the first time or just looking to level up, this video is tailored for you.
Slides: drive.google.c...
Code: github.com/cod...
🤝 Get 1:1 mentorship: topmate.io/cod...
📚 Web Development Learning Resources
JavaScript Course: • JavaScript Complete co...
Object Oriented Programming: • OOP - Javascript
Full Stack Developer's Journey: • Full Stack Developer's...
MERN Stack Playlist: • MERN Stack
Interview Questions Playlist: • Javascript Interview q...
Crash courses: • Crash courses
CodersGyan Community Links
🎥 Subscribe to Our Channel: / @codersgyan
📱 WhatsApp Channel: whatsapp.com/c...
🌐 Website: www.codersgyan...
🤖 Discord Community: / discord
🔗 LinkedIn: / codersgyan
💻 GitHub: github.com/cod...
✅ My gears for everyday work: docs.google.co...
#react #reactcomponents

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

 

5 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 96   
@qurashishebi7988
@qurashishebi7988 5 месяцев назад
Vote for Next JS course.
@taranewstime6909
@taranewstime6909 5 месяцев назад
Waiting for next.js
@abhishekdubey9920
@abhishekdubey9920 5 месяцев назад
Any body have seen the that meem - why are you talking like that 😂 exactly appys here He is just passing time in story telling not on concept telling. Fucking everybody
@codePracticeId
@codePracticeId 5 месяцев назад
yes
@abhishekdubey9920
@abhishekdubey9920 5 месяцев назад
Any body have seen the that meem - why are you talking like that 😂 exactly appys here He is just passing time in story telling not on concept telling. Fucking everybody
@assignmentonbiologytopic9512
@assignmentonbiologytopic9512 3 месяца назад
Yes 🎉
@arslanmuhammad4190
@arslanmuhammad4190 5 месяцев назад
I Love You. Because I Learn OOP with JS. And It Change my life. I m MERN Developer. My Name is Top Notch at my company. Because i m really fast at JS. Jquery and React. I Learn React query from you. I changes my life. Wow.
@irkfaisal
@irkfaisal 5 месяцев назад
How did you learn oops in JS and from where ?
@arslanmuhammad4190
@arslanmuhammad4190 5 месяцев назад
@@irkfaisal In this channel. There is playlist for that. But I want to tell you JS is not complete Object Oriented Language. Like Multiple inheritance does not exists. Methode Overloading not Supported. But by the watching the playlist you will gain a good knowledge of classes and objects.
@irkfaisal
@irkfaisal 5 месяцев назад
@@arslanmuhammad4190 👍 thanks
@pritam16raha
@pritam16raha 5 месяцев назад
I have learnt backend/express js from your 2years old video. There you introduced all the advanced concepts in single video. That was totally different, normally, even in the year of 2024, still people don't introduce advance concepts in RU-vid tutorials. But to survive in the company, we need this type of topics to be covered 🙏
@BHANUPRATAP-tm6jj
@BHANUPRATAP-tm6jj 5 месяцев назад
Step 1:- 04:18 :- Break The UI into a Components Step 2:- 06:42 :- Build Static Version in React approch 1 :- Top Down Approch approch 2 :- Bottom Up Approch (**use for big project) Step 3 :- 20:17 :- Find the minimal But Complete Representation of UI State ----> adding intractivity ----> now, we need State && How to check which is state or which is not ## 1) Ask Yourself ...Does it remain unchanged over time...?? if yes Then it is state and if not then it isn't state. ## 2) If It is passing via prop so it is not state... ## 3) Can you compute it based on existing state or props in component..? If so, it definitely isn't state... Step 4 :- 23:21 :- Identify where our state should live ** This step is challenging ----> Identify every component that renders something based on that state ----> find their closest common parent component ....... a component above them all in hierarchy. Step 5 :- 35:00 :- Add Inverse Dataflow ----> Pass state setters downt to the components. __________________________________________ Here, Thinking in React Completed __________________________________________
@CodersGyan
@CodersGyan 5 месяцев назад
Hey thank you for summarizing the video, there is one correction in your summary though: 1) Does it remain unchanged then It’s NOT a state :) Keep watching 🙏
@BHANUPRATAP-tm6jj
@BHANUPRATAP-tm6jj 5 месяцев назад
@@CodersGyan thank you sir for making a best and informative video
@tikamchaudhary
@tikamchaudhary 5 месяцев назад
Hello sir, Thank you for come back.
@CodersGyan
@CodersGyan 5 месяцев назад
Thank you too for commenting 🙏
@legend_749
@legend_749 5 месяцев назад
Need more videos on react like Thinking in react, means how company approach the UI, good practices
@ChandanKumar-ik8pf
@ChandanKumar-ik8pf 4 месяца назад
really awesone to think about state. React is not so simple.
@sumairarasheed1997
@sumairarasheed1997 4 месяца назад
mind blowing!!!! Thanks!
@siriusplayz5871
@siriusplayz5871 5 месяцев назад
Extremely Useful video for a freshy like me. Thanks a ton bro! I'll be coming back to this video often to understand every step more clearly and for practicing on my own. This helps a lot. Thanks ❤🙏
@luisanthony9584
@luisanthony9584 5 месяцев назад
Bohot kuch shikh paya apke is video se❤❤
@bikidas5473
@bikidas5473 5 месяцев назад
Best channel thanks rakesh you have been a good mentor
@4444-c4s
@4444-c4s 5 месяцев назад
You are my favourite Teacher
@moinkhan-xd6pe
@moinkhan-xd6pe 5 месяцев назад
I learn how to break UI component , knowing about the state and writing clean code. Waiting More Videos From You Sir. Many Thanks 🤟
@zerodegreecoder
@zerodegreecoder 5 месяцев назад
love you sir
@ebrahimafridi689
@ebrahimafridi689 4 месяца назад
bhaut zada achi video keep making more such content
@vimalkumarchaudhary1913
@vimalkumarchaudhary1913 5 месяцев назад
Vote for react.js ❤
@AdityaSingh-ou4my
@AdityaSingh-ou4my 5 месяцев назад
Happy holi. thanks for the video.
@fahadkabooroo7395
@fahadkabooroo7395 5 месяцев назад
WellCome Back
@realDevelopment404
@realDevelopment404 5 месяцев назад
Very good videos this video should watch to every react developer's for better understanding when use props and state. I have some suggestions for sir, make an another video where you teach difference between junior developer thinking and seniors developer thinking. Ma
@CodersGyan
@CodersGyan 5 месяцев назад
Glad it was helpful!
@sulaimanshabbir
@sulaimanshabbir 5 месяцев назад
Ap ki video ka intazar he rehta hai ❤
@soulfulhuman8724
@soulfulhuman8724 5 месяцев назад
Sir, I am learning from your old videos. Sir plz address what one should learn after mern. And when to learn things like elasticSearch etc. ❤
@shrikantlandage7305
@shrikantlandage7305 4 месяца назад
Mind blowing bro🎉
@ashishoninternet
@ashishoninternet 5 месяцев назад
Plz intract with your audience more , it creates a sense of assurance that you haven't abandoned us and we can count upon you for guidance, the more you will engage with your audience the more they will come back to you
@prashlovessamosa
@prashlovessamosa 5 месяцев назад
Great Video thanks for sharing.
@CodersGyan
@CodersGyan 5 месяцев назад
Thanks for watching!
@user_abhigupta
@user_abhigupta 5 месяцев назад
Need more such videos
@usama5619
@usama5619 5 месяцев назад
Thanks!!
@AmitKumar-lp6gp
@AmitKumar-lp6gp 5 месяцев назад
Sir, aap yesa ek video node.js par bhi bana dijiye
@bcawala4857
@bcawala4857 5 месяцев назад
I love your contant ❤and I like your teaching style Keep growing sir 🚀🚀
@CodersGyan
@CodersGyan 5 месяцев назад
Thanks a ton
@NigamRai-ij6fr
@NigamRai-ij6fr 5 месяцев назад
Great video Sir.
@deepakyadav-ri2fv
@deepakyadav-ri2fv 5 месяцев назад
Next js full stack web app with next auth with different roles and also used prisma as orm and postgreSQL for database.❤
@aadarshgurug
@aadarshgurug 5 месяцев назад
brother make an video on aws ECS how to scale up and scale down containerized node applications with nginx and SSL
@sameerjadaun1837
@sameerjadaun1837 5 месяцев назад
Please implement de bouncing concept while typing for search.
@sad___status07
@sad___status07 5 месяцев назад
Gabbar is back 🤟🙌
@CodersGyan
@CodersGyan 5 месяцев назад
Gabbar 😅 O bhaisahab
@mma-dost
@mma-dost 5 месяцев назад
Thanks for coming back and keep uploading such content.
@pardeepsahota992
@pardeepsahota992 4 месяца назад
very useful thank you
@papakids1
@papakids1 5 месяцев назад
very useful lecture
@MathsWithSatyamPandey
@MathsWithSatyamPandey 5 месяцев назад
Love you sir please continue❤
@assignmentonbiologytopic9512
@assignmentonbiologytopic9512 3 месяца назад
Please make a full detailed course Generative Ai ☕ with Js ?
@user-yx8lk9jc1j
@user-yx8lk9jc1j 5 месяцев назад
welcome back .....
@arslanmuhammad4190
@arslanmuhammad4190 5 месяцев назад
HI Sir, Love You.
@minter-07
@minter-07 5 месяцев назад
making your webrtc project thanks for valuable high quality content, and When is the MERN course scheduled to be completed it is 66% completed ig?
@__shubhamtiwari
@__shubhamtiwari 5 месяцев назад
Kasam itne aaram se smjhate hoo ki maja hee aa jata hai
@CodersGyan
@CodersGyan 5 месяцев назад
Thank you 😊
@codePracticeId
@codePracticeId 5 месяцев назад
Next JS course sir pls
@ramanujasati2713
@ramanujasati2713 5 месяцев назад
can you make one project on angular because there are no good angular related projects on RU-vid.
@sonumondal9952
@sonumondal9952 20 дней назад
sir how to furthur improve this , since it is a usecase of prop drilling , How to further improve this ?? Please guide
@PROTECHRAHUL
@PROTECHRAHUL 5 месяцев назад
System design please
@Sandeep-zd6dq
@Sandeep-zd6dq 5 месяцев назад
Happy Holi bro, LinkedIn pr comments mein link waala comment nhi show ho rha hai Abhi 😅
@exotic_coder
@exotic_coder 5 месяцев назад
bhaiya ak request h React js ka basic to advanced tutorial layiye means . Fresher student k liye
@ramprasadchauhan7
@ramprasadchauhan7 5 месяцев назад
Please make Next js project with all new technology. I want to start next js. Your explanation is very nice.
@CodersGyan
@CodersGyan 5 месяцев назад
I will try my best
@rathore_shantilal
@rathore_shantilal 5 месяцев назад
Finest video
@narayandhungel1117
@narayandhungel1117 4 месяца назад
helpful content
@Vicky_Sharma8
@Vicky_Sharma8 5 месяцев назад
Next Js course please🙏🏻🙏🏻
@l_am_genius
@l_am_genius 5 месяцев назад
Thanks sir
@gurnavchaudhary3619
@gurnavchaudhary3619 5 месяцев назад
Create more videos like this of React
@TechDecryptor
@TechDecryptor 5 месяцев назад
Loved this video ❤
@shubhamgupta-bl1tr
@shubhamgupta-bl1tr 5 месяцев назад
React design patterns please sir
@bilal5488
@bilal5488 5 месяцев назад
Sir ek mern project ly aao
@SaurabhGupta-eb7yr
@SaurabhGupta-eb7yr 5 месяцев назад
Sir please aws lambda function
@JaySingh-st4xz
@JaySingh-st4xz 5 месяцев назад
Mera logic weak hai sir,ya keh sakte hai ki logic build nahi kar pata kya karoo please suggest me
@AnilParajuli-yv4uf
@AnilParajuli-yv4uf 5 месяцев назад
bro finally remember he have youtube channel
@khumkarki4410
@khumkarki4410 5 месяцев назад
Next js ka course sir please
@anshkanojia6042
@anshkanojia6042 5 месяцев назад
Make a video like this on redux toolkit useCase
@sulaimanshabbir
@sulaimanshabbir 5 месяцев назад
Can you share slide... Please
@CodersGyan
@CodersGyan 5 месяцев назад
Please check the description
@Yasinafridi
@Yasinafridi 5 месяцев назад
Next js project please with authentication 😑
@expert-learner
@expert-learner 5 месяцев назад
Next js ❤❤
@user-du8os3hp1j
@user-du8os3hp1j 5 месяцев назад
First Comment ❤
@arslanmuhammad4190
@arslanmuhammad4190 5 месяцев назад
chal jhota
@adarsh5516
@adarsh5516 5 месяцев назад
Bhaiya plz make vedio on react
@MoinKhan_10
@MoinKhan_10 5 месяцев назад
You were building a pos system. Are you not gonna finish that?
@vijayyyyyyyy6yyyyyyyy
@vijayyyyyyyy6yyyyyyyy 5 месяцев назад
Next js
@pshycocoder
@pshycocoder 5 месяцев назад
Good content But what about Devin Is software engineering going to dead in few years?
@tusharshrivastava7184
@tusharshrivastava7184 5 месяцев назад
Go lang course
@user-tw5jz5dv9t
@user-tw5jz5dv9t 5 месяцев назад
Vote for node js or express pe playlist new ❤
@hexagonfact5837
@hexagonfact5837 5 месяцев назад
react projects
@abhishekdubey9920
@abhishekdubey9920 5 месяцев назад
Very annoying way of teaching the logic of meme oddder applys same here😂😂
@dilawarkhankamboh
@dilawarkhankamboh 5 месяцев назад
Apko Whatsapp pe apki image bhji the meine Apne response he nai dia😢
@He-Man-qk6sf
@He-Man-qk6sf 5 месяцев назад
16:41 chicha ZOMATO K chadi pehen Rakhi h aur,modi toh 2500000 crore bhe gacha tha, kya hua ???
@lovishduggal9064
@lovishduggal9064 5 месяцев назад
Thanks!!
Далее
I can’t believe they built this in React
16:08
Просмотров 125 тыс.
small vs big heart 💖 #tiktok
00:13
Просмотров 5 млн
Brutally honest advice for new .NET Web Developers
7:19
Golang Tutorial - Slices - 12
25:42
Просмотров 1 тыс.
All The JavaScript You Need To Know For React
28:00
Просмотров 607 тыс.
React Zustand Tutorial in Hindi
9:39
Просмотров 1,1 тыс.