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.com/mern 🌐🚀
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 KZbin 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.com/file/d/1zBLv...
Code: github.com/codersgyan/thinkin...
🤝 Get 1:1 mentorship: topmate.io/codersgyan
📚 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: • Interview questions
Crash courses: • Crash courses
CodersGyan Community Links
🎥 Subscribe to Our Channel: / @codersgyan
📱 WhatsApp Channel: whatsapp.com/channel/0029VaYK...
🌐 Website: www.codersgyan.com
🤖 Discord Community: / discord
🔗 LinkedIn: / codersgyan
💻 GitHub: github.com/codersgyan
✅ My gears for everyday work: docs.google.com/spreadsheets/...
#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

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

[@mdfaisalrazakhan8810]

How did you learn oops in JS and from where ?

[@arslanmuhammad4190]

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

[@mdfaisalrazakhan8810]

@@arslanmuhammad4190 👍 thanks

[@mma-dost]

Thanks for coming back and keep uploading such content.

[@luisanthony9584]

Bohot kuch shikh paya apke is video se❤❤

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

[@TechDecryptor]

Loved this video ❤

[@MathsWithSatyamPandey]

Love you sir please continue❤

[@bikidas5473]

Best channel thanks rakesh you have been a good mentor

[@sulaimanshabbir]

Ap ki video ka intazar he rehta hai ❤

[@shrikantlandage7305]

Mind blowing bro🎉

[@lovishduggal9064]

Thanks!!

[@hari48907]

You are my favourite Teacher

[@AdityaSingh-ou4my]

Happy holi. thanks for the video.

[@legend_749]

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

[@sumairarasheed1997]

mind blowing!!!! Thanks!

[@l_am_genius]

Thanks sir

[@user_abhigupta]

Need more such videos

[@NigamRai-ij6fr]

Great video Sir.

[@tikamchaudhary]

Hello sir, Thank you for come back.

[@CodersGyan]

Thank you too for commenting 🙏

[@ChandanKumar-ik8pf]

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

[@user-yx8lk9jc1j]

welcome back .....

[@zerodegreecoder]

love you sir

[@expert-learner]

Next js ❤❤

[@pardeepsahota992]

very useful thank you

[@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 🤟

[@rathore_shantilal]

Finest video

[@ebrahimafridi689]

bhaut zada achi video keep making more such content

[@papakids1]

very useful lecture

[@narayandhungel1117]

helpful content

[@fahadkabooroo7395]

WellCome Back

[@arslanmuhammad4190]

HI Sir, Love You.

[@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 ❤🙏

[@gurnavchaudhary3619]

Create more videos like this of React

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

[@prashlovessamosa]

Great Video thanks for sharing.

[@CodersGyan]

Thanks for watching!

[@AmitKumar-lp6gp]

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

[@bcawala4857]

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

[@CodersGyan]

Thanks a ton

[@deepakyadav-ri2fv]

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

[@ramanujasati2713]

can you make one project on angular because there are no good angular related projects on KZbin.

[@exotic_coder]

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

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

[@aadarshgurug]

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

[@sameerjadaun1837]

Please implement de bouncing concept while typing for search.

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

[@R_n_D_AudioBooks]

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!

[@adarsh5516]

Bhaiya plz make vedio on react

[@shubhamgupta-bl1tr]

React design patterns please sir

[@codePracticeId]

Next JS course sir pls

[@vimalkumarchaudhary1913]

Vote for react.js ❤

[@AnilParajuli-yv4uf]

bro finally remember he have youtube channel

[@sad___status07]

Gabbar is back 🤟🙌

[@CodersGyan]

Gabbar 😅 O bhaisahab

[@SaurabhGupta-eb7yr]

Sir please aws lambda function

[@Sandeep-zd6dq]

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

[@Vicky_Sharma8]

Next Js course please🙏🏻🙏🏻

[@bilal5488]

Sir ek mern project ly aao

[@JaySingh-st4xz]

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

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

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

[@__shubhamtiwari]

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

[@CodersGyan]

Thank you 😊

[@PROTECHRAHUL]

System design please

[@khumkarki4410]

Next js ka course sir please

[@user-du8os3hp1j]

First Comment ❤

[@arslanmuhammad4190]

chal jhota

[@anshkanojia6042]

Make a video like this on redux toolkit useCase

[@sulaimanshabbir]

Can you share slide... Please

[@CodersGyan]

Please check the description

[@Yasinafridi]

Next js project please with authentication 😑

[@hexagonfact5837]

react projects

[@vijayyyyyyyy6yyyyyyyy]

Next js

[@MoinKhan_10]

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

[@tusharshrivastava7184]

Go lang course

[@pshycocoder]

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

[@user-tw5jz5dv9t]

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

[@usama5619]

Thanks!!