Custom Hooks in React - Every React Developer Should Know This

  Рет қаралды 41,037

ByteGrad

ByteGrad

Күн бұрын

Пікірлер: 45
@ByteGrad
@ByteGrad 7 ай бұрын
My Professional React & Next.js course is OUT NOW now! Find it here: bytegrad.com/courses/professional-react-nextjs -- this is the #1 resource to master the latest React & Next.js, my absolute best work.
@cbunn81
@cbunn81 7 ай бұрын
I know the point was to make something in JavaScript, but it is possible to captalize only the first letter of the first word in a string using only CSS. You just have to use the *::first-letter* pseudo element along with the *text-transform* property. For example, to make the first letter of every *li* element capitalized: li::first-letter { text-transform: capitalize; }
@Osirisdigitalagency
@Osirisdigitalagency 7 ай бұрын
I was just about to say that
@dace9294
@dace9294 Ай бұрын
How you can handle this in the future or maybe use it somewhere else, you can't track this functionality with CSS. the whole idea of the video is the concept of separation of concern, so let the CSS handle the styling and let JS handle the functionality.
@Pareshbpatel
@Pareshbpatel 8 күн бұрын
A very comprehensive tutorial on code reuse in React. So much information imparted in so short a time. Thank you very much, Wesley {2024-09-19}
@adarsh16p7
@adarsh16p7 Ай бұрын
Wow, those statements at the beginning explained everything. Thank you so much for introducing those lines to us.
@seventyMinus1
@seventyMinus1 7 ай бұрын
I don’t know why, but this teacher is the only one on KZbin whom I can listen to and watch all day without getting distracted. I sincerely hope he continue make more videos regularly.
@ByteGrad
@ByteGrad 7 ай бұрын
Thanks, appreciate it! More to come!
@seventyMinus1
@seventyMinus1 7 ай бұрын
😍🥰@@ByteGrad
@real23lions
@real23lions 7 ай бұрын
Your storytelling and editing is really good here. Glad you improved over the years because your content has always been great. Now the content delivery is 💯 .
@abhijeetkumar8044
@abhijeetkumar8044 7 ай бұрын
Everytime i learn a lot from you videos on react core concepts. Thanks @ByteGrad for the react core concepts videos. Please make more on performance improvements🙏
@seagull2345
@seagull2345 7 ай бұрын
Perfect timing. Im just starting to learn about custom hooks and when and where to use them. Thank you for this great explanation!
@irfantayyib
@irfantayyib 6 ай бұрын
Keep it up sir! Always needed a teacher like you.
@MuhammadUmair-gy5le
@MuhammadUmair-gy5le 7 ай бұрын
Thanks ByteGrad. Your content is really helpfull for me 👍
@yourlinuxguy
@yourlinuxguy 3 ай бұрын
Thankyou for the ideas about where to use what.
@brailegawigawen
@brailegawigawen 7 ай бұрын
i came upon some of your videos just now, subscribed and immediately purchased your courses. *also, thanks for the discounts. highly appreciated!
@ByteGrad
@ByteGrad 7 ай бұрын
Amazing, welcome to the courses and enjoy! :)
@mjylove2
@mjylove2 3 ай бұрын
finally understood. thank you so much ! amazing job
@AlexanderBelov-y8o
@AlexanderBelov-y8o 7 ай бұрын
Will watch this during dinner!
@darkcss1054
@darkcss1054 6 ай бұрын
I'd love a video on zustand as I am struggling to understand how am I supposed to transfer state from component to page and vice versa.
@mohammednasser2159
@mohammednasser2159 7 ай бұрын
You could've passed the generic type to the useState type parameter to simplify things
@flexdash
@flexdash 7 ай бұрын
Or cast the return value `as const`
@HoussemBahri-nn3qt
@HoussemBahri-nn3qt 8 күн бұрын
Great video !
@mjylove2
@mjylove2 5 ай бұрын
this is a masterpiece
@saajanbajaj641
@saajanbajaj641 5 ай бұрын
What If, I want to store multiple value in same file then have to init custom hook everytime?
@jacquelynecarmen
@jacquelynecarmen 7 ай бұрын
More videos like this ❤
@bryson2662
@bryson2662 7 ай бұрын
You can capitalize the first letter using just css by the way. First-letter and transform uppercase
@0xtz_
@0xtz_ 7 ай бұрын
👀 amazing
@CHUCKYCHUCKYBOBUCY
@CHUCKYCHUCKYBOBUCY 6 ай бұрын
This, as well as the previous video of yours that I just finished (12 react hooks mistakes), are the best how to/general learning videos I've ever come across on any topic.
@ByteGrad
@ByteGrad 6 ай бұрын
Great to hear, enjoy!
@PrMovies0
@PrMovies0 7 ай бұрын
Really Really helpful thanks ❤️
@isaacjon
@isaacjon 7 ай бұрын
hey bro, i want to try an offline frontend course from sourceryacademy in lithuania. After the course they are wiling to give job offer for best students. But i need some financial help to live there during this course( 3 month) because i am not european and not living near lithuania.
@complikatd
@complikatd 7 ай бұрын
Thanks for fixing your mic
@mrBurlaka1
@mrBurlaka1 7 ай бұрын
custom hooks don't have to use react base hooks
@aadamishmael8549
@aadamishmael8549 7 ай бұрын
They don’t have to but should.
@dMDzn
@dMDzn 7 ай бұрын
Your mention of TS generics at the end was the cherry on top - a perfect use case that a lot of beginners will actually come across. Good job!
@p1erceprc
@p1erceprc 7 ай бұрын
which vscode theme is this? thx
@bryson2662
@bryson2662 7 ай бұрын
You could've passed the generic parameter to the usestate function and you would get better typing without needing to type the return function in the last example
@neelimaneelu195
@neelimaneelu195 6 ай бұрын
Honestly an amazing video
@goatslayer5957
@goatslayer5957 6 ай бұрын
Cool ztuff!
@demicoderr
@demicoderr 7 ай бұрын
Wow, just wow.
@dayank.8499
@dayank.8499 7 ай бұрын
thank you for this video, but I don't know if we can apply this method with the selected items from detail List
Add Auth & Protect Routes in Next.js in 2 Minutes
3:41
ByteGrad
Рет қаралды 17 М.
Refactoring a React component - Design Patterns
15:19
Cosden Solutions
Рет қаралды 97 М.
OYUNCAK MİKROFON İLE TRAFİK LAMBASINI DEĞİŞTİRDİ 😱
00:17
Melih Taşçı
Рет қаралды 12 МЛН
Why use Type and not Interface in TypeScript
14:12
ByteGrad
Рет қаралды 207 М.
LiveView JS: The Comprehensive Guide
25:42
Code and Stuff
Рет қаралды 1,8 М.
I DONT USE NEXT JS
54:01
ThePrimeTime
Рет қаралды 360 М.
TypeScript in React - COMPLETE Tutorial (Crash Course)
53:21
ByteGrad
Рет қаралды 250 М.
The Most Important Design Pattern in React
35:04
Cosden Solutions
Рет қаралды 53 М.
You might not need useEffect() ...
21:45
Academind
Рет қаралды 161 М.
Compound Components in React (Design Patterns)
18:21
Cosden Solutions
Рет қаралды 40 М.
The Home Server I've Been Wanting
18:14
Hardware Haven
Рет қаралды 124 М.