I wonder Kyle, are you planning to make this into an npm module? I can imagine that all these hooks would be really nice in a wds-hooks module or something similar.
wonderful! Actually this is one of the this that i love about React. The ability to composite smaller pieces of code to make something much bigger it's amazing.
Regarding the intersection observer it's best to reuse same obeerver instance in case same hook is used in a list or on multiple elements, but it's ok if there aren't that many usages on the screen.
Really love how you go straight to the point. I feel like revisiting a few projects that could really benefit from using hooks that I hadn't even thought of... Thank you for all this insight, really helpful.
This kind of videos makes me wonder that I know nothing........plus gives me a way to look forwards to more and more learnings. I always wait for you videos and I hope that your react advanced course also comes out soon...awaiting for this..
Hi Kyle, I recently stumbled into your channel and I have to say that I love your videos! I have a question: how do I make a button open a web page when someone clicks on it? I'm trying to set up my first website so I'd appreciate your answer :) Thanks. Edit: I solved it by myself but I have another question. How can I change the URL of the website I just created? I don't want it to be just weird numbers.
Personally, if a certain hook is used in multiple components, then I would put it into the/src/hooks folder. For example - if I have a Home component, then all hooks related to this component would be in Home.hooks.js/ts (depends if you are using TypeScript).
He said at the beginning of the year that he wants to learn TypeScript and Next.js in the fourth quarter of the year. I sincerely doubt he would be interested in anything else.
1:19 It would also be a good idea to remove the event listeners on resolve or reject at the "load" or "error" events on the script element, something like const script = document.createElement('script'); script.async = true; // also why not defer over async? script.src = url; return new Promise((resolve, reject) => { let onLoad, onError; const removeListeners = () => { script.removeEventListener('load', onLoad); script.removeEventListener('error', onError); onLoad = () => { removeListeners(); resolve(); }; onError= () => { removeListeners(); reject(); } script.addEventListener('load', onLoad); script.addEventListener('error', onError); document.body.append(script); }); Thoughts?
hello sir, can you please make roadmap type videos for react node express mongo for eg: React: internal working of react - diffie algorithm etc how trees are compared internally etc learn class components life cycle of class components functional components hooks HoC , Error handler component, etc step by step guide of only topics 1 should know
![POLYCAT - ข้อความรูปยิ้ม [Music Video]](http://i.ytimg.com/vi/lBhIgPGCgbI/mqdefault.jpg)
I wonder Kyle, are you planning to make this into an npm module? I can imagine that all these hooks would be really nice in a wds-hooks module or something similar.
Checkout the module "react-use"
amazing how this comes out right after I finish watching the first two parts, thanks Kyle
wonderful! Actually this is one of the this that i love about React. The ability to composite smaller pieces of code to make something much bigger it's amazing.
Regarding the intersection observer it's best to reuse same obeerver instance in case same hook is used in a list or on multiple elements, but it's ok if there aren't that many usages on the screen.
Going through the entire series, its mind blowing :)
very cool series, thanks. helped me to grasp hooks. official react docs as of 2022 are very concise on this topic.
please kyle show us how to test react apps with sample project
Yeah that is definitely a video I would like to see
Really love how you go straight to the point. I feel like revisiting a few projects that could really benefit from using hooks that I hadn't even thought of... Thank you for all this insight, really helpful.
This is the only channel that makes me click on the newest video instantly
This kind of videos makes me wonder that I know nothing........plus gives me a way to look forwards to more and more learnings. I always wait for you videos and I hope that your react advanced course also comes out soon...awaiting for this..
Great stuff, but why are this not written in TypeScript after all the praises you give to it 😤
You are making me to love React again!
Cant wait for useProtection to avoid bugs
I am watching your all videos...
But this video will be watched tomorrow...its night in india...goot night
Awesome content, as always!
Btw, do you have any content on the Observable/RxJs?
Hi Kyle, I recently stumbled into your channel and I have to say that I love your videos! I have a question: how do I make a button open a web page when someone clicks on it?
I'm trying to set up my first website so I'd appreciate your answer :)
Thanks.
Edit: I solved it by myself but I have another question. How can I change the URL of the website I just created? I don't want it to be just weird numbers.
no one can make me understand things as soon as you can💝💝
why is the useEventListener callback on a ref? , why not treating the callback the same way as eventType and element?
Please make a video on custom hook in which we submit form by passing data and url.
Can you do a video on how to work with axios?
Hope some recording for react-native from this guy. Ex: socket in react-native 👀
Thanks 🙏🏼
Kyle. Where do you think is a good place to put the custom hooks? /src/utils/hooks or /src/hooks maybe?
Personally, if a certain hook is used in multiple components, then I would put it into the/src/hooks folder.
For example - if I have a Home component, then all hooks related to this component would be in Home.hooks.js/ts (depends if you are using TypeScript).
Thanks bro!
bro cover the basics of mern stack and then how to combine that all.. Love from Pakistan..
fuck yeah! so good! ty Kyle! love ya, love react, love hooks, hate angular!
can you do this kind of videos with nodejs / express?
Kyle can I import external script file using useScript hook is this possible🤔
Have you considered doing any Vue JS content or if you're less familiar with it your journey to pick it up?
He said at the beginning of the year that he wants to learn TypeScript and Next.js in the fourth quarter of the year.
I sincerely doubt he would be interested in anything else.
@@Will4_U It's probably for the presenter to reply on that if he picks up this comment.
1:19 It would also be a good idea to remove the event listeners on resolve or reject at the "load" or "error" events on the script element, something like
const script = document.createElement('script');
script.async = true; // also why not defer over async?
script.src = url;
return new Promise((resolve, reject) => {
let onLoad, onError;
const removeListeners = () => {
script.removeEventListener('load', onLoad);
script.removeEventListener('error', onError);
onLoad = () => {
removeListeners();
resolve();
};
onError= () => {
removeListeners();
reject();
}
script.addEventListener('load', onLoad);
script.addEventListener('error', onError);
document.body.append(script);
});
Thoughts?
const onError= (e:any) => {
removeListeners();
script.remove();
reject(e);
}
Yes data on my phone. im in whitby,on
5:35 I don't understand. Its not save from rerender
hello sir,
can you please make roadmap type videos for react node express mongo
for eg:
React:
internal working of react - diffie algorithm etc how trees are compared internally etc
learn class components
life cycle of class components
functional components
hooks
HoC , Error handler component, etc
step by step guide of only topics 1 should know
show the useAsync source code plz
Edit: Oops It becomes 4th
3rd comment I want heart
waiting for vue tips and tricks !
no. react is better
@@josephtan6018 Same s..t.
@@josephtan6018 over hyped drug
How to be good in react ?
How can you be good in something which is not good by design?
Carrier fair ❤️
First comment
kyle > eminem
What a mess.