วีดีโอ

Unlucky your code is not working

bro i think you should make some changes in your content by showing your face came and energy in entry scene 😁😁. because your highest view video is in which you show your face .

This was fantastic. Thanks for the clarity

You're an excellent teacher Ryan - I've been a bit confused by all this and love how you've broken these concepts down and covered. Thank you

This was absolutely excellent - thanks so much 🙂

i think the reason of this: you should not do this in the fist place, its weird implementation you always expect counter to be there just with a different prop, so then render it once and change the prop instead of rendering it twice, then its obvious that prop change wont reset state (unless its implemented inside Counter component)

react does not extend the fetch API. it's a mistake in the nextjs docs. everything custom that fetch does is injected by nextjs, react doesn't touch fetch at all

Nice explanation, but I was curious the whole time, about how is `Counter` component implemented.

Can you deploy this project for us?

nice explanation ✅

Thank you - really helpful & detailed guide!

bro literally wasted my time, thought i could improve but he is explaining prop drilling with misleading title

Well explained, but it would have been nice to see it in action

Beautiful! I've used both controlled and uncontrolled components before, but didn't know the terminology (or even that there was terminology) for this. Great explanation! Love it. 🙂

Nice creative concept. 👍 Please, elaborate more on use cases. Take care & stay healthy and more creative.

that is so obvious... 😐.. it's prop drilling.. kind of misleading title. anyways the video was good.. you are new in my feed

How to use gzip in solid-start

Now with react 19 out you can just use the use hook

This is a mind-blowing explanation-such a deep dive! 🤯🔍💡 Any beginner who understands the value of this and takes the time to follow along patiently will grasp it clearly. 🙌📚💯 This is a real gem 💎✨. Whoever gets to watch this video is lucky to have a mentor like you. 🙏👏🌟

Thank you so much. Very clean

what should you do instead? context manager?

Thank bro, good explain sir!

Thanks. I faced this issue multiple times but now I know the reason

Thanks for this information, I recently came to a similar scenario in my application where I was rendering the same components for multiple tabs and even when the tabs were changed the content was still the same because react was mantaining the same state The way I solved it was adding a key field to the components to treat them as a different component every time the tab changed, I thought that the key field was only for arrays but it also works for single components, so technically if you add a different key on each div in your example at 6:40 you can make them render as two different components each one with their own state in case you need it

Thank you so much for this useful Info. Subcribing your channel to see more future videos like these useful videos.

So I assume that in the compiled JS, there is an object with a structure sort of like `{ "react-tree-path": {state1:"value1" } }` or something like that in the global context / in parent context to all the react code And the state function used in the component takes it's own react tree path and uses it to access the object with the states stored for that path and then uses some generated ID assigned in "useState" to access the value of the given state? Am I getting the right idea? Then I would assume there's also some """garbage collector""" which removes a state from the big state object for each react-tree-path which ceased to exist after any react component call.

Thanks for this info. I never thought of this scenario!

Thanks a lot

every nextjs release tries to fix old bugs, by introducing new breaking changes

This was so helpful. I've really been struggling handlers! Thank you so much. Looking forward to more videos!

What is your vs code theme ?

“State” is a funny word that beginners will not understand. I myself struggled with this term. Imagine a cup. Does that cup have water in it? If you can answer that question, your cup is either always full, always empty, or has state. The state being true there is water, or false there is not water. So when someone says their stuff is “stateless” it means will always be the same. When someone mentions state, you can assume it’s dynamic, or that it can change overtime. It has a life cycle. In this case, the counter holds a number. That is the state.

counsel vs console ??

Quality content, thanks a lot!

thx

Thank you for the great video! I am curious as to why you would put your password in code instead of a .env file. I know it's just a test application, but if you never do it at all, you'll never do it in production by mistake.

oh man, I had this problem and I sent the references of all functions with forward ref and if the child id matched the ref id it opened else it closed, learnt this later on and made my code cleaner.

Heard your hiring, can i apply?

What is use case of it?

I awlays used framer & webflow, lately the UX is lacking & cost of bandwidths are so much higher ... Astro integration with Notion got me into coding the best solutions for my clients on cloudflare pages since it is so easy to work with, incredibly fast, UX enhanced & cost effective than anything else ❤

Thanks, I like these concept videos because I am a solo-dev that builds out projects for small to midsize companies and learned everything from combination of youtube videos, tutorials, chatGPT etc. and so often I will learn how to do things on the fly when they come up, but I won't necessarily even know it is a concept or something that is named. A perfect example is that I have a site that is live for a client where I did this exact type of thing. I have some cards in a featured section on the homepage and used framer motion to rotate them in 3D on the Y axis. If the user selects a different card it will rotate simultaneously while the other that was rotated will rotate back. I wouldn't have know this is referred to as "Lifting State" even though I have done it with many components already. It is good to know these things because if I would have been asked by someone if I understood "lifting state" in react I would not have been able to answer even though I understand the concept completely.

Thanks bro❤️

its cool before you had to grab the value of the form and navigate on your own with router but now its easier

I usually have route components and lib folders, then under app have shared components and lib folders (components and util functions used across the different routes)

Does not look clean, just use plain old css, it is not that hard.

Man you are a saver. I have wasted so much time on this and you explained it so well. I was stuck due to middleware being in the app folder. Thank you!😄

Lovely short, thanks

6:30 this will throws error {'apple', id: 1}

Ty ❤

Clean explanation