Create Clean and Reusable React Components

  Рет қаралды 79,111

Cand Dev

Cand Dev

Күн бұрын

Пікірлер: 49
@Alexander-zt9kz
@Alexander-zt9kz 10 ай бұрын
That rooster going hard in the background
@ΘεόφιλοςΚαρσανίδης
@ΘεόφιλοςΚαρσανίδης 6 ай бұрын
Ahahahahaha. When I heard him he had me laughing. 2 minutes later still going!! xD
@ravenguirao9081
@ravenguirao9081 Жыл бұрын
You are very helpful, I am a beginner and just started a CV-Builder Project I didn't even realize how things can get messed up real quick. I was making a new directory and file for each component (even for the little ones like input or icon) I was fine at first, then I was confused passing data between components later and there's too many props and shits to share that I know i shouldn't be writing again and again.. THIS HELPED ME A LOT, THANK YOU VERY MUCH!
@Pareshbpatel
@Pareshbpatel 2 жыл бұрын
A master class on creating a clean and reusable (Accordion) React Component. There are so many essential techniques required to create this React Component, and they were illustrated so well in this tutorial. Thanks, Cand Dev {2022-10-22}
@ssj1260
@ssj1260 2 жыл бұрын
Great video, that cockrel in the background is having the time of his life
@escapepeterpan
@escapepeterpan Жыл бұрын
my dude working hard in the morning
@MiikaKontio
@MiikaKontio Жыл бұрын
Thanks! this was really easy to understand and really helpful for my react app programming. Great video
@بنجمعان-ق5ر
@بنجمعان-ق5ر 6 ай бұрын
Thank you so much, teacher! That was more than helpful 👍
@jbsinluenam
@jbsinluenam Жыл бұрын
Wow- this is neat and clean. Thanks!
@ozoindaprince
@ozoindaprince Жыл бұрын
this content made me smile 😁 thank you for this ❤
@CandDev
@CandDev Жыл бұрын
Your comment also made me smile. 😁
@SimPwear84
@SimPwear84 Жыл бұрын
Thanks for this amazing video. I am going to use this flow on my next project at work
@zodiaccancer-v8g
@zodiaccancer-v8g 10 ай бұрын
anyone can tell me how to auto import the custom hooks? I always type manually import hooks at the top :(
@chewannuramirah3248
@chewannuramirah3248 2 жыл бұрын
Looking simple but I finally get the concept that I can use for future project❤Thank you so much for the takeout
@CaliathleteNepal
@CaliathleteNepal 2 жыл бұрын
Thank you so much for the beautiful knowledge you shared with us! Best video so far
@MdMasudulKabir
@MdMasudulKabir Жыл бұрын
Thank you so much for better example 👍
@historyArena1
@historyArena1 2 жыл бұрын
thanks , how can I add this to make multiple lists where the most recently clicked list details will be expanded and the previously selected list details will be collapsed. Only one list item detail will be expanded at one time?
@EvolutionMachinetoMan
@EvolutionMachinetoMan Жыл бұрын
Ukrainians are very good at teaching , thanks bro
@abderahmaneaoufi
@abderahmaneaoufi 2 жыл бұрын
Thank you that was helpful for me hope you keep doing this for us!
@lokeshkhati8413
@lokeshkhati8413 2 жыл бұрын
I love this tutorial 😍
@EldorJ10
@EldorJ10 2 жыл бұрын
I learned so much from this video. Thank you so much! You make yourself a new subscriber, you deserve it :)
@pgameplay9639
@pgameplay9639 2 жыл бұрын
Keep going bro! ❤️
@anangyoga1381
@anangyoga1381 2 жыл бұрын
mas, kalo yang useToggle itu namanya custom hooks bukan? aku react blm tau banyak soal state mas, baru paham dan cuma sering pake useState & useEffect aja
@CandDev
@CandDev 2 жыл бұрын
Iya benar. Kita bisa buat custom hooks kayak useAxios dll.
@anangyoga1381
@anangyoga1381 2 жыл бұрын
@@CandDev oke mas thank you. anyway keren channelnya mas, saya bantu promosiin ke temen2 mas ✌🏻
@CandDev
@CandDev 2 жыл бұрын
Mantap nih😁
@hardwired66
@hardwired66 Жыл бұрын
More clean and refactor react content pls sir :)
@mohammadfarhanfajrulhaq4716
@mohammadfarhanfajrulhaq4716 Жыл бұрын
Thanks, so informative video
@CandDev
@CandDev Жыл бұрын
Glad it was helpful
@kaloianangelkov4919
@kaloianangelkov4919 2 жыл бұрын
Very nice and informative video!
@AliMukhtar53
@AliMukhtar53 2 жыл бұрын
why const { title , content } = props; & then {title} instead of const Accodion = ({ title , content }) => { }
@ChillAutos
@ChillAutos 2 жыл бұрын
With more props the first way looks cleaner imo.
@muhammadraihan5756
@muhammadraihan5756 2 жыл бұрын
Thanks, you teach many knowledge p in 21 minute. Are you from Indonesian? Your pronounsasion like Indonesian people
@CandDev
@CandDev Жыл бұрын
Yes, I am from Indonesia, terimakasih sudah mampir di channel ini 👋🏻
@adeniyitaofik3832
@adeniyitaofik3832 2 жыл бұрын
This is awesome
@somebody-17546
@somebody-17546 Жыл бұрын
tks you so much ♡
@earnestachayo7991
@earnestachayo7991 Жыл бұрын
As a beginner its really hard to grasp quickly
@CandDev
@CandDev Жыл бұрын
Yeah, we always need time. It's okay to take your time to google things and understand what really happens. 🤍
@OCEMTechZone
@OCEMTechZone 22 күн бұрын
🎉
@haian_
@haian_ 2 жыл бұрын
Thanks ❤️🇲🇨
@bangjayz
@bangjayz 2 жыл бұрын
you indonesian right ?
@CandDev
@CandDev 2 жыл бұрын
Yes, how did you know?
@bangjayz
@bangjayz 2 жыл бұрын
@@CandDev your accent XD
@avi7278
@avi7278 2 жыл бұрын
The component isn't clean if you're writing logic in it.
@subyouwont
@subyouwont 9 ай бұрын
Do you have any good clean component videos/ educational content somewhere?
@ayankhatib1933
@ayankhatib1933 4 ай бұрын
Can you give any example to create a cleaner component?
@RIbbb
@RIbbb Жыл бұрын
Please @codedamn this man can make some awesome react 18 tutorials
@Ayoubased
@Ayoubased Жыл бұрын
I need ur discord asap
@chunmeishui6431
@chunmeishui6431 2 жыл бұрын
Thank you that was helpful for me hope you keep doing this for us!
Un-Suck Your React Components - Composable & Compound Components
15:47
This is the Only Right Way to Write React clean-code - SOLID
18:23
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.
UFC 310 : Рахмонов VS Мачадо Гэрри
05:00
Setanta Sports UFC
Рет қаралды 1,2 МЛН
6 State Mistakes Every Junior React Developer Makes
15:53
Lama Dev
Рет қаралды 269 М.
How to generate a PDF from a React component
10:48
Cand Dev
Рет қаралды 13 М.
Creating High-Quality React Components: Best Practices for Reusability
12:47
Create Highly Reusable React Components in Minutes with TypeScript
10:35
Josh tried coding
Рет қаралды 40 М.
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Fireship
Рет қаралды 775 М.
From Junior To Senior React Developer - Best Practices
13:33
CoderOne
Рет қаралды 151 М.
How to generate PDF in React using React pdf
15:35
Cand Dev
Рет қаралды 2,1 М.
Speed Up Your React Apps With Code Splitting
16:50
Web Dev Simplified
Рет қаралды 395 М.