Тёмный

React Clean Code: Advanced Examples of SOLID Principles 

CoderOne
Подписаться 109 тыс.
Просмотров 26 тыс.
50% 1

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@davidhavl
@davidhavl 10 месяцев назад
Finally! Thank you! It's amazing to see advanced concepts being taught the right way as well as having error handling included in your code! Most videos out there stay away from either of the subjects because it's hard (or they are not proficient in it), which gives junior devs a false image of how to develop real-life production-ready applications.
@sanjeebgochhayat6911
@sanjeebgochhayat6911 10 месяцев назад
Thank you from the bottom of my heart for teaching us Advance concepts
@rishiraj2548
@rishiraj2548 10 месяцев назад
CoderOne is... 🙂👍💯
@ya4dang1
@ya4dang1 10 месяцев назад
Some useful VS Code extensions in this video : 1. indent-rainbow oderwat.indent-rainbow 2. Tailwind Fold stivo.tailwind-fold
@volodare
@volodare 9 месяцев назад
indent-rainbow oderwat.indent-rainbow is obsolete. You can enable coloring in vs code settings, Editor > Bracket Pair Colorization
@cntitv988
@cntitv988 6 месяцев назад
Great video! I'd glad watching a video talking about TDD, SOLID and Clean Arch
@fuyu848
@fuyu848 10 месяцев назад
Love these long and well explained videos
@aymenbachiri-yh2hd
@aymenbachiri-yh2hd 4 месяца назад
i'am glad you give this valuable informations
@kunalzing
@kunalzing Месяц назад
Thanks for making this. Just one doubt in the ISP example. Does'nt the UserProfileGOOD violate OCP? Currently, every time we need to add a new notification type, we have to modify the UserProfileGOOD component to include the new notification component. This violates OCP because the component is not closed for modification.
@johntrevithick5900
@johntrevithick5900 6 месяцев назад
Thanks, some very insightful examples here. That said... IMO, example of cleaning the validation code was confounded by the use of the external package. The main point to me was that the validation code could be extracted to a module-level function, instead of being in-line to the component. Likewise, use of a library to handle the form meant that the `InputField` component was tightly coupled to this library (via the `fieldRegister` property.)
@FL4M3M4K3R
@FL4M3M4K3R 10 месяцев назад
FYI, 4:10-4:40 same cut repeated. great video!
@saidabedi2836
@saidabedi2836 10 месяцев назад
Great video! What is the extension that you have that hides the components props?
@augustinekirumba4304
@augustinekirumba4304 Месяц назад
I believe its the Tailwind Fold that hides the classes for readability
@billyfigueroa1617
@billyfigueroa1617 7 месяцев назад
Curious if you prefer react hook form and zod over formik and yup for a reason or it’s just a combination you have been using and don’t need anything else?
@mr.komp1004
@mr.komp1004 10 месяцев назад
What is the plugin, that collapse tailwindcss classes?
@congdatt
@congdatt 5 месяцев назад
nice bro ơi. Keep it up nghen !!!
@pewds2935
@pewds2935 9 месяцев назад
can anyone please tell me how the SRP was being violated in the first example. I mean if we look from a feature perspective that single component was binding the login stuff and only login stuff. i mean where is the borderline. how to distinguish ?
@dinub8414
@dinub8414 9 месяцев назад
You're thinking is right mate. Few mature tech leads would have you perform the extraction into sub components in a case like this, I think. But for a form of 20 inputs, it would make sense. Not because of srp though. Just readability. IMO anyway
@oladayoagbolade3676
@oladayoagbolade3676 9 месяцев назад
In SRP, it’s advisable to separate the logic from the UI. That’s why the first example was BAD
@miloman1995s
@miloman1995s 9 месяцев назад
thank you... but what is the point of using CLASS in Dependency Inversion principle? i can handle it by usual arrow functions
@gururajmoger8649
@gururajmoger8649 10 месяцев назад
Please explain the solid principle with Angular 17 🎉❤
@SertuncSELEN
@SertuncSELEN 10 месяцев назад
thank you
@himanshukapoor5586
@himanshukapoor5586 8 месяцев назад
Love it!!
@ductran1954
@ductran1954 10 месяцев назад
What ide are you using to code? it's so beautiful...
@danielbarbu1513
@danielbarbu1513 9 месяцев назад
@oladayoagbolade3676 not quite. This separation is an opinionated practice, wrongly packaged as SRP-related. In SRP the responsibilities are defined in terms of the app functionality, not in terms of the programming mechanics. This is a common misunderstanding in web development.
@mhho2336
@mhho2336 3 месяца назад
What you didn't mention regarding the showcase of OCP is that the so-called compound components are gonna double or triple the size of code. I personally don't recommend use compound components everywhere.
@GurovDmitriy
@GurovDmitriy 5 месяцев назад
semantic violation useContext should use the result of createContext which in turn will be called contextDropdown he cannot use the provider))))
@mrlectus
@mrlectus 7 месяцев назад
Shit, so am doing solid all this while 😅 I guess my OCD has some advantages
@liftingisfun2350
@liftingisfun2350 10 месяцев назад
Why use tsx with barely any use of typescript?
@romansernato6526
@romansernato6526 10 месяцев назад
Oh boy, if && () BAD pattern, again ...
@martapfahl940
@martapfahl940 9 месяцев назад
I really like your videos on clean code and this one is very useful as well. For the React Days where I was participating I would have hoped for some kind of different content, you just recycled your youtube content unfortunately. React Days Ticket costs a lot of money.
Далее
Avaz Oxun - Turqi sovuq kal
14:50
Просмотров 828 тыс.
Senior Angular Developer Interview (theory)
41:57
Просмотров 21 тыс.
Implement Clean Architecture in Next.js
53:07
Просмотров 22 тыс.
My 10 “Clean” Code Principles (Start These Now)
15:12
98% Cloud Cost Saved By Writing Our Own Database
21:45
Просмотров 380 тыс.
The Most Important Design Pattern in React
35:04
Просмотров 52 тыс.
Learn SOLID Principles with CLEAN CODE Examples
28:35
Просмотров 272 тыс.
Thoughts About Unit Testing | Prime Reacts
11:21
Просмотров 225 тыс.