useDefferedValue is really useful if you want SWR (stale-while-revalidate) as you showed in your first example. It gives you more control over individual parts, rather than as a whole. The reason that it shows the old values and reveal newer values as time goes on, is due to how concurrent mode works in React with regards to how it prioritizes user input, fetching/timeouts and rendering.
Hi, Ben. I'm Ham from Japan. I've been a big fan of your programming channel. Thank you for providing informative tutorial videos! I've learnt a lot from them! I'm very curious about how to record the screen and your face at the same time without SOUND(voice) DELAY. Could I have the application name which you use?
Good work. My react application take long time for initial loading (18 sec) . How do reduce. Lazy loading is possible for reduce my initial loading time
I wish there was an option not to cycle and work like useDebounce. const [text, setText] = useState('Hello'); const [value] = useDebounce(text, 1000); github.com/xnimorz/use-debounce
Your videos are incredible! Congrats & keep it going!
useDefferedValue is really useful if you want SWR (stale-while-revalidate) as you showed in your first example. It gives you more control over individual parts, rather than as a whole. The reason that it shows the old values and reveal newer values as time goes on, is due to how concurrent mode works in React with regards to how it prioritizes user input, fetching/timeouts and rendering.
This feels like suspense for suspense...
Hi, Ben. I'm Ham from Japan. I've been a big fan of your programming channel. Thank you for providing informative tutorial videos! I've learnt a lot from them!
I'm very curious about how to record the screen and your face at the same time without SOUND(voice) DELAY.
Could I have the application name which you use?
obsproject.com/
@@bawad Wow, I can't believe it! Thank you so much, Ben! I'll give it a go!
Really easy to understand! Thanks. You know what would be great if you could explain Lazy loading using suspense
I might do this
Hi Ben! I saw once you used TypeDI in one of your projects, can you please make a video of explaining it's cases and workflow?
It's for dependency injection
ruclips.net/video/5YYsfkl2UCM/видео.html
love
Good work. My react application take long time for initial loading (18 sec) . How do reduce.
Lazy loading is possible for reduce my initial loading time
Hmm got the clone and getting Object(...) is not a function
Thanks Ben 😊😊
Amazing!
is it like a denounce?
more react tutorials. thank you
can you just point out real-world examples, where we can use these hooks in real-world beside hardcoded timeout
yeah I'm still getting a feel for them, then I'll be doing that
Yeah we will be waiting
Why is this a hook? Couldn't this be created as a function or something? Doesn't seem like such a big deal of a feature
I think it needs to be a hook because it triggers a rerender
This hooks are tree shaked right?
I'm not sure, but I assume so
What do you use for ctrl+click in vscode?
it should work by default, you can also right click the variable and it's go to definition
@@bawad, I think it's not working for absolute paths but I'm not sure
@@alldayalone24 for absolute paths, try adding a configuration to jsconfig.json
Sorry Ben, this hook is no longer in the major release
I wish there was an option not to cycle and work like useDebounce.
const [text, setText] = useState('Hello');
const [value] = useDebounce(text, 1000);
github.com/xnimorz/use-debounce
someone messaged me after the fact and turns out the cycling is a bug and it should work like debouncing
@@bawad Yep, I found it.
github.com/facebook/react/issues/17185
I'd use useDebounce, which has more options.
github.com/xnimorz/use-debounce
Ben can i contact to u instagram
sure