Create Clean and Reusable React Components

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

Cand Dev

Cand Dev

Күн бұрын

Пікірлер: 49
@Alexander-zt9kz
@Alexander-zt9kz 11 ай бұрын
That rooster going hard in the background
@ΘεόφιλοςΚαρσανίδης
@ΘεόφιλοςΚαρσανίδης 7 ай бұрын
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!
@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
@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}
@بنجمعان-ق5ر
@بنجمعان-ق5ر 7 ай бұрын
Thank you so much, teacher! That was more than helpful 👍
@SimPwear84
@SimPwear84 Жыл бұрын
Thanks for this amazing video. I am going to use this flow on my next project at work
@jbsinluenam
@jbsinluenam Жыл бұрын
Wow- this is neat and clean. Thanks!
@MdMasudulKabir
@MdMasudulKabir Жыл бұрын
Thank you so much for better example 👍
@EvolutionMachinetoMan
@EvolutionMachinetoMan Жыл бұрын
Ukrainians are very good at teaching , thanks bro
@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
@ozoindaprince
@ozoindaprince Жыл бұрын
this content made me smile 😁 thank you for this ❤
@CandDev
@CandDev Жыл бұрын
Your comment also made me smile. 😁
@CaliathleteNepal
@CaliathleteNepal 2 жыл бұрын
Thank you so much for the beautiful knowledge you shared with us! Best video so far
@zodiaccancer-v8g
@zodiaccancer-v8g 11 ай бұрын
anyone can tell me how to auto import the custom hooks? I always type manually import hooks at the top :(
@abderahmaneaoufi
@abderahmaneaoufi 2 жыл бұрын
Thank you that was helpful for me hope you keep doing this for us!
@EldorJ10
@EldorJ10 2 жыл бұрын
I learned so much from this video. Thank you so much! You make yourself a new subscriber, you deserve it :)
@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?
@mohammadfarhanfajrulhaq4716
@mohammadfarhanfajrulhaq4716 Жыл бұрын
Thanks, so informative video
@CandDev
@CandDev Жыл бұрын
Glad it was helpful
@hardwired66
@hardwired66 Жыл бұрын
More clean and refactor react content pls sir :)
@pgameplay9639
@pgameplay9639 2 жыл бұрын
Keep going bro! ❤️
@muhammadraihan5756
@muhammadraihan5756 2 жыл бұрын
Thanks, you teach many knowledge p in 21 minute. Are you from Indonesian? Your pronounsasion like Indonesian people
@CandDev
@CandDev 2 жыл бұрын
Yes, I am from Indonesia, terimakasih sudah mampir di channel ini 👋🏻
@lokeshkhati8413
@lokeshkhati8413 2 жыл бұрын
I love this tutorial 😍
@kaloianangelkov4919
@kaloianangelkov4919 2 жыл бұрын
Very nice and informative video!
@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😁
@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.
@adeniyitaofik3832
@adeniyitaofik3832 2 жыл бұрын
This is awesome
@somebody-17546
@somebody-17546 2 жыл бұрын
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 Ай бұрын
🎉
@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 5 ай бұрын
Can you give any example to create a cleaner component?
@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
@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!
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Fireship
Рет қаралды 784 М.
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН
REAL or FAKE? #beatbox #tiktok
01:03
BeatboxJCOP
Рет қаралды 18 МЛН
Un-Suck Your React Components - Composable & Compound Components
15:47
How To Debug React Apps Like A Senior Developer
21:07
Web Dev Simplified
Рет қаралды 192 М.
4 React Best Practices That Will Make You A PRO
18:12
PedroTech
Рет қаралды 146 М.
Become a Master at Reusable Components in React
19:51
Cosden Solutions
Рет қаралды 25 М.
Creating High-Quality React Components: Best Practices for Reusability
12:47
You might not need useEffect() ...
21:45
Academind
Рет қаралды 178 М.
Build a Reusable Component in React (Shadcn/ui, Tailwind)
19:08
Cosden Solutions
Рет қаралды 32 М.
Expo in 100 Seconds
2:39
Fireship
Рет қаралды 635 М.
Stop Doing this as a React Developer
12:27
CoderOne
Рет қаралды 165 М.
She made herself an ear of corn from his marmalade candies🌽🌽🌽
00:38
Valja & Maxim Family
Рет қаралды 18 МЛН