Thinking in React | Hindi

👉 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 UA-cam 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

[@qurashishebi7988]

Vote for Next JS course.

[@taranewstime6909]

Waiting for next.js

[@abhishekdubey9920]

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]

yes

[@abhishekdubey9920]

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]

Yes 🎉

[@arslanmuhammad4190]

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]

How did you learn oops in JS and from where ?

[@arslanmuhammad4190]

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

@@arslanmuhammad4190 👍 thanks

[@pritam16raha]

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 UA-cam tutorials. But to survive in the company, we need this type of topics to be covered 🙏

[@tikamchaudhary]

Hello sir,
Thank you for come back.

[@CodersGyan]

Thank you too for commenting 🙏

[@legend_749]

Need more videos on react like Thinking in react, means how company approach the UI, good practices

[@ChandanKumar-ik8pf]

really awesone to think about state. React is not so simple.

[@sumairarasheed1997]

mind blowing!!!! Thanks!

[@4444-c4s]

You are my favourite Teacher

[@bikidas5473]

Best channel thanks rakesh you have been a good mentor

[@BHANUPRATAP-tm6jj]

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]

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]

@@CodersGyan thank you sir for making a best and informative video

[@siriusplayz5871]

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]

Bohot kuch shikh paya apke is video se❤❤

[@moinkhan-xd6pe]

I learn how to break UI component , knowing about the state and writing clean code.
Waiting More Videos From You Sir.
Many Thanks 🤟

[@realDevelopment404]

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]

Glad it was helpful!

[@zerodegreecoder]

love you sir

[@soulfulhuman8724]

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

[@AdityaSingh-ou4my]

Happy holi. thanks for the video.

[@user_abhigupta]

Need more such videos

[@shrikantlandage7305]

Mind blowing bro🎉

[@usama5619]

Thanks!!

[@bcawala4857]

I love your contant ❤and I like your teaching style
Keep growing sir 🚀🚀

[@CodersGyan]

Thanks a ton

[@sameerjadaun1837]

Please implement de bouncing concept while typing for search.

[@deepakyadav-ri2fv]

Next js full stack web app with next auth with different roles and also used prisma as orm and postgreSQL for database.❤

[@sulaimanshabbir]

Ap ki video ka intazar he rehta hai ❤

[@ashishoninternet]

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

[@aadarshgurug]

brother make an video on aws ECS how to scale up and scale down containerized node applications with nginx and SSL

[@fahadkabooroo7395]

WellCome Back

[@NigamRai-ij6fr]

Great video Sir.

[@mma-dost]

Thanks for coming back and keep uploading such content.

[@assignmentonbiologytopic9512]

Please make a full detailed course Generative Ai ☕ with Js ?

[@__shubhamtiwari]

Kasam itne aaram se smjhate hoo ki maja hee aa jata hai

[@CodersGyan]

Thank you 😊

[@pardeepsahota992]

very useful thank you

[@ebrahimafridi689]

bhaut zada achi video keep making more such content

[@prashlovessamosa]

Great Video thanks for sharing.

[@CodersGyan]

Thanks for watching!

[@papakids1]

very useful lecture

[@AmitKumar-lp6gp]

Sir, aap yesa ek video node.js par bhi bana dijiye

[@minter-07]

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?

[@ramanujasati2713]

can you make one project on angular because there are no good angular related projects on UA-cam.

[@arslanmuhammad4190]

HI Sir,
Love You.

[@powercircuitacademy]

Love you sir please continue❤

[@exotic_coder]

bhaiya ak request h React js ka basic to advanced tutorial layiye
means . Fresher student k liye

[@Tablet-q4v]

welcome back .....

[@TechDecryptor]

Loved this video ❤

[@codePracticeId]

Next JS course sir pls

[@gurnavchaudhary3619]

Create more videos like this of React

[@ramprasadchauhan7]

Please make Next js project with all new technology. I want to start next js. Your explanation is very nice.

[@CodersGyan]

I will try my best

[@Sandeep-zd6dq]

Happy Holi bro, LinkedIn pr comments mein link waala comment nhi show ho rha hai Abhi 😅

[@PROTECHRAHUL]

System design please

[@sonumondal9952]

sir how to furthur improve this , since it is a usecase of prop drilling , How to further improve this ?? Please guide

[@shubhamgupta-bl1tr]

React design patterns please sir

[@bilal5488]

Sir ek mern project ly aao

[@rathore_shantilal]

Finest video

[@Vicky_Sharma8]

Next Js course please🙏🏻🙏🏻

[@l_am_genius]

Thanks sir

[@vimalkumarchaudhary1913]

Vote for react.js ❤

[@narayandhungel1117]

helpful content

[@SaurabhGupta-eb7yr]

Sir please aws lambda function

[@sad___status07]

Gabbar is back 🤟🙌

[@CodersGyan]

Gabbar 😅 O bhaisahab

[@Yasinafridi]

Next js project please with authentication 😑

[@AnilParajuli-yv4uf]

bro finally remember he have youtube channel

[@anshkanojia6042]

Make a video like this on redux toolkit useCase

[@khumkarki4410]

Next js ka course sir please

[@sulaimanshabbir]

Can you share slide... Please

[@CodersGyan]

Please check the description

[@JaySingh-st4xz]

Mera logic weak hai sir,ya keh sakte hai ki logic build nahi kar pata kya karoo please suggest me

[@adarsh5516]

Bhaiya plz make vedio on react

[@expert-learner]

Next js ❤❤

[@MoinKhan_10]

You were building a pos system. Are you not gonna finish that?

[@pshycocoder]

Good content
But what about
Devin
Is software engineering going to dead in few years?

[@DipakPrasad-f8f]

First Comment ❤

[@arslanmuhammad4190]

chal jhota

[@vijayyyyyyyy6yyyyyyyy]

Next js

[@tusharshrivastava7184]

Go lang course

[@hexagonfact5837]

react projects

[@VishaljangidJngid]

Vote for node js or express pe playlist new ❤

[@abhishekdubey9920]

Very annoying way of teaching the logic of meme oddder applys same here😂😂

[@dilawarkhankamboh]

Apko Whatsapp pe apki image bhji the meine Apne response he nai dia😢

[@He-Man-qk6sf]

16:41 chicha ZOMATO K chadi pehen Rakhi h aur,modi toh 2500000 crore bhe gacha tha, kya hua ???

[@lovishduggal9064]

Thanks!!