How to implement Clean Architecture in Node.js (and why it's important)

[@gregtaylor9806]

I like this video because it’s about a specific design concept and not embedded in a massive beginner tutorial. There is not enough mid-level programming info like this. Thanks for making this and Keep it up!

[@waelgh4307]

Right, it's hard to find quality content for mid or advanced concepts.

[@TheAkiller101]

This is a better tutorial on dependency injection and inversion of control than hour long lectures and videos I had to listen to on the same subject.

[@brandonlange2260]

Clean architecture, hexagonal and Domain Driven Design are really abstract concepts. They all encapsulate some really great ideas but I also strongly believe that it's something that you shouldn't get too caught up in. Find a level of abstraction that works for you and roll with it. I went on a whole craze a couple years back designing systems with all of these concepts and even though I did build some really cool stuff, it was extremely overkill for what was actually required. Great video though as always! It would actually be really great to pick your brain sometime about some stuff! Can't wait for the next video!

[@WebDevCody]

You’d be surprised how empty my brain is ;). But if you have a particular topics you want me to talk about let me know

[@exe2543]

Exactly!! The point of designing software is not to use the fanciest or most complex design, it's to get the job done and have a testable, maintainable, and resilient system.

[@josephajibodu2377]

I’ve spent a lot of time trying to understand this architecture. I’m always lost when I get to the inversion of control, thanks to your video, it has reinforced my understanding of this architecture.

[@vlohar08]

Very helpful. I watched all your clean architecture videos and probably will watch them again to understand it correctly.

[@rohit3430]

tomorrow is mine interview and i found this really helpful to explain how i have been doing previously and how this architecture could be helpful to improve further! thanks for the video!

[@renepatznick2526]

I spent several hours struggling with the high-level description of the clean architecture diagram in the Clean Architecture book. Your explanation in the video was fantastic - it really clarified things for me. Now it all makes sense!

[@mibreit-photo]

Nice video! General observation about clean architecture: I'm all for abstraction, but one has to know when to stop ;-) At some point - same as with clean code - instead of making your project more maintainable, you're creating spiderweb of dependencies (even if it's mostly just abstractions / interfaces). Then, understanding and debugging code can mean jumping through a myriad of files. It also depends largely on the size of the project. You need to understand when you should apply those concepts and when it is overkill. Always remember - YAGNI

[@krskvBeatsRadio]

Would be really interesting to see how you structure folders with this approach at your job!

[@MattBidewell]

I would separate the routing functions into a controller folder, the buisness logic into a services folder with say "UserService", "Email service" and then database or whatever classes into a "DAO" folder (data access object)

[@tonienguix6503]

also you would need a validation folder and provably helpers. good video here: kzbin.info/www/bejne/pX_PfqWmo7qGfKc&ab_channel=PedroTech

[@naughtiousmaximus7853]

​@@MattBidewell this sounds like NestJS?

[@Izzat-bj1le]

Finally a tutorial that actually implements clean architecture instead of talking about it. Thank you

[@jordiyaputra8359]

For many years, maybe +4 years I have been working with these kinds of code architecture and patterns but I absolutely have NOOO idea what I was doing. Now you are giving me an enlightment! I know you deserve more than this, but please accept my humble subscription to your channel 🙏

[@WebDevCody]

thanks for the sub! I'm glad you found my content useful

[@joseavilasg]

Thank you so much for this video. It was very helpful. Well explained.

[@matthew1106]

Great job going over the important aspect of the concept instead of living in theoryland. Definitely much harder to demo this without using typescript.

[@pguti778]

Woooowwww, so clear and real !!! Complete agree that all these architecture things are too-too abstract. I think that architects (and most of the times the sellers) try to think this is magic, like it happened with Agile, or OOP. Thank you man !!!

[@F4ILCON]

This is the far most understanding videos for people that are starting to understand the Clean Architecture concept, my sugestion would be show how folders are set-up, thanks for the video

[@mattiadevivo9775]

Really well explained, they should teach this concept in each CS high school and university

[@danielmaldonado5954]

Awesome video ! Very clear. It's true most speakers talks hours and hours of abstract concepts. I like how you managed it to show a real world example in 20 minutes. Thank you !

[@chrisbirkenmaier2277]

Would love to see a course about this topic. 3 hour video on how to create a clean application with node, nextjs, maybe some database, everything hooked up with docker compose, testing included. Would pay serious $$$ for something in that direction.

[@AssassinNinja98]

Thank you so much. I really like that you show the practical side of clean architecture

[@FeyroozeCode]

Good video, with nestJs all is inside the box (Clean architecture,Separation of concerns, Dependency Injectection etc..)

[@joesmoo9254]

outline: The speaker explains hexagonal architecture, also known as ports and adapters, and how it is used to protect business logic from changes in external sources. This architecture is beneficial in simplifying future changes to external dependencies, such as switching from MySQL to MongoDB. The speaker uses a pseudocode example of an Express app to demonstrate how to apply clean architecture, which involves decoupling business logic from external sources. The speaker emphasizes the importance of defining interfaces to pass in real implementations and avoiding tightly coupling to third-party dependencies or frameworks. The example includes removing Express-related code from the business function and creating a new file for database persistence. The speaker explains the implementation of clean architecture, which separates business functions from third-party dependencies. They show how to use dependency injection to achieve this, without getting caught in abstract concepts. They highlight the use of entities, which contain business rules and logic, and can be validated before being saved to the database. By using clean architecture and entities, the speaker suggests it is possible to structure code effectively and ensure it meets criteria. They advise viewers to use a framework or library to help with implementation.

[@WebDevCody]

Made with chat gpt?

[@gosnooky]

Raw-dogging JS like this is hard, even with TS. Our team started using NestJS which is based on dependency injection and this philosophy. It's slightly opinionated, but takes all the guesswork out of architecture, so any newcomers to the projects intrinsically have a working knowledge of the application without looking at a single line of code.

[@WebDevCody]

I haven't tried nest.js yet, but it looks like a solid way to write a rest api from their docs

[@travelwithahmedmurtaza]

Very well explained. Instead of discussing abstract concepts you have covered a use case which becomes very easy to grasp the concept and much quickly. Thanks alot

[@aaronmotacek9343]

I think this was great. I’m a sucker for code organization practices, but I haven’t looked into backend best practices until now. The examples you gave clearly illustrate the benefit and I think you have just the right amount of detail for anyone that is searching for this topic. Excited to look around your channel more. #subscribed

[@hojdog]

I don't think there's real difference between front and back end code architecture. You can apply these concepts to any codebase

[@michaelpesin946]

Great video! This a great example to send to junior developers

[@caskispace]

Thank you for the vid! Clear, straight to the point and from a perspective that is easier to grasp.

[@rorythomas7851]

My friend, your content is amazing and such a big help. please dont ever stop

[@WebDevCody]

Thanks man!

[@NaveenThally]

It's a nice explanation, if you could share the boiler plate code for clean architecture would be helpful. A series on clean architecture with es6 would also be helpful, Dependency injection as a topic is worth to cover.

[@sahaneakanayaka3394]

Really enjoyed it. Great content. Thank You! 🙏❤

[@wichaisawangpongkasame9237]

You really nailed it! I've never understood the hexagonal architecture this much clearer. You do deserve more subscriber. Many thanks!

[@sobhanm9576]

Fascinating content, most clean architecture are either simple examples or written in another language thanks for clear explanation, hope to see more content about ddd and clean architecture written in typescript 🙌🏻🙏

[@DigitalAlchemyst]

So part of the front end learning process, we do things like create json files with constants of various data, example a lot of portfolios essentially have a json resume that get mapped across the application in various ways. Would you say its safe to think of using this practice over having a big chunk of json at the top of the code that uses as the most micro implementation of clean arch? I see it as at least to a degree the code mapping the data in the portfolio has no knowledge ( or concern ) aside from the import of a json file or how the data is stored the code just gets data from else where. I have also gone through old projects built liked this and upgraded them to use a database with out having to change the presentation logic. of course even something that small could be broken down more like a pseduo DTO between the 2 or something. But I am just trying to see if i can think small and step my way up to a bigger understanding.

[@shahzaibshahzaibkhan6480]

Very usefull, plus the actual example made everything a lot clearer than if it were just theory. ❤

[@adventurer2395]

Awesome! So you're basically organizing the system into framework agnostic controllers, a service layers for business logic, and a repositories to abstract db operations-everything with dependency injection and inversion. Question I have is: Do you like doing this at a granular level per use case. For example, create 3 three layers for each user use case, like createUser, updateUser, etc. Or do you prefer to encapsulate related functionality like having a controller, service, and repository/persistence that encapsulate all user-related operations?

[@logisticedits7429]

Please make a full series of nodejs. But not basics but advance like how big scaling project code works, how uber uses nodejs

[@captainnoyaux]

I really like this topic ! Backend and frontend (I've not yet to find a video on clean architecture with redux thought is someone has one I'd love to take a peek at how people might use it)

[@MartinPerez-mi1ty]

I finally understood the dp injection thank you

[@wensmartsandy]

Great video. Learned function injection. Thanks!

[@gbroton]

Business logic is not a domain logic. Separating domain logic from business (aka application) logic is the purest form of a clean architecture also called the onion architecture. The thing which you are calling "businesses logic" is the "application business rules" in the clean architecture picture. But great video in general showing the whole idea in a clear way.

[@fkondratov]

good video, would be great if you had some kind of a series about architecture in general

[@abhiramkrishnam8825]

Thanks dude this is an eye opener.

[@iljushka7198]

Probably it is all about dependency inversion principal you’ve told in this video. And this is only one part of Clean Architecture, like in-out ports

[@WebDevCody]

It’s hard to do true CA with a dynamically typed language. Something like typescript could setup interfaces for the ports, but js doesn’t support explicit interfaces; all interfaces are implicit. So the in port to the interactor is just the arguments passed in and the out port is what is returned

[@janschatz7223]

The separation between the Infrastructure and Interface Adapters layers is unclear to me. In which layer does createUserPersistence.js belong. It directly uses the database, which is infrastructure. So it can't be part of the Interface Adapters layer as it is not allowed to access the Infrastructure layer. But what is inside the Interface Adapters layer then?

[@KawtharAlekri]

Supet great and understandable!! Huge thanks 🙏🏻

[@hakimbencella4242]

Thank you, Keep the good work!

[@br3nto]

Clean Architecture has been going out of favour in the .Net world for a few key reasons. It requires a lot of code duplication and mapping to communicate between layers; functionality is hard to find because of abstract structuring; the previous two make refactoring extremely time consuming and tedious. A better architecture is vertical slices.

[@theoldknowledge6778]

Excellent video. Btw, which VS Code theme is this?

[@balasuar]

My 2c's: Clean architectural pattern works if you know your business logic; said differently: it's a good choice when starting a project based on an existing product. Swapping out the database isn't something teams tend to do often--usually at the very early prototype stages, OR when sunsetting an MVP and moving to vNext. If entities implement enterprise logic (and typically requires persisting to a database), where should that logic live? Relationships between entities is often a function of foreign-key relationships across database tables. Does that then mean all enteprise logic lives in the database? Does that then mean enterprise logic by definition is only the type of logic that can be enforced by the database engine?

[@WebDevCody]

I would keep all business logic out of the database. It’s ok to have some basic data integrity checks on your columns, but your code entities should verify a string field is an actual email, or an age isn’t negative and isn’t greater than 200, etc

[@gincegeo]

what is the best naming conventions? can you give us a repo we can refer?

[@tarolee7323]

This video is very helpful!! Hope you can give more concrete examples to help us understand the architecture more. Thanks again!

[@jf3594]

This is how those things should be explained

[@andreimclive]

FANTASTIC video. ThaNk you.

[@Jackinua]

Where will you put validation for Entity foreign key or Entity unique. Is it domain layer validation or iteration layer validation?

[@bollo_omar]

What theme are you using for the text editor

[@WebDevCody]

Bearded theme stained blue

[@DigitalAlchemyst]

Im still seeking those concrete examples because I am having trouble wrapping my brain around like what is the domain layer what is the business layer ( working in next now ) Hoping this clears things up more

[@RealAshleyBailey]

Okay but why on earth are you still using require and not import 🤨

[@teerapatprommarak2070]

Great explanation, thank you!

[@qwertyntarantino1937]

@ what are you using for code completion? Your autocomplete plugins are way too far from what standard intellisense can offer

[@WebDevCody]

Probably copilot?

[@qwertyntarantino1937]

@@WebDevCody nice, thank you, never saw it at work

[@sigitwasissubekti788]

get you share source code in github?

[@kennedydre8074]

This is amazing, thank you, if I wanted to use zod or joi for the validation how would I do it without actually requiring or importing the packages in the entities layer as those packages belong in the outer most ring?

[@teamtosoz892]

use cases are objects with their own request and and response objects

[@adanos2006]

this video makes me subscribe

[@hosseinnajafi2181]

Thank you so much 🙏

[@marcusrehn6915]

Regardless of the abstraction, any non trivial app is going to be hell to migrate from mysql to mongo or vice versa

[@donnyroufs551]

Clean architecture is yechnically not an architecture. There is a reason that you cannot find a proper example by uncle bob himself. Its simply onion architecture with a few added principles. You missed the fact that dtos play a very important role since technically you are still coupled. I kind of dislike that people mention decoupling for ease of switching stuff because it barely happens... the biggest win imo is testability. Overall a great introduction to tease people their brains! We should collab someday.

[@WebDevCody]

Thanks for the comment! I think it’s good for both unit testing and swapping out modules in integration tests. Often when dealing with AWS there are a lot of services we interact with, so when running out integration tests in CI/CD or locally, we want to swap out the implementations to save files to local s3 mock services, mock dynamodb services etc. clean arch helps. But you’re right, often we don’t care to swap out our databases in the future. When you say dto, are you referring to the data Id be sending to the repository layer? Like in my example, createUserPersustence technically shouldn’t be passed the UserEntity, but instead a subset of necessary properties. But everything in JavaScript is an implied interface so it doesn’t matter too much as long as the object passed has the necessary properties on it. Send me any resource you have related to DTO. I think we might call the serializers or deserializers in our project. The things you run yours data through before you send it back from the API to the UI right?

[@donnyroufs551]

@@WebDevCody Hey 👋 Technically a repository is supposed to get the domain entity and from there on map it to a model that it needs to persist it to the database, so that part is completely fine! What I'm referring to is that you are using POJOs (simple objects) and just passing it the data, instead, it should be a DTO imho. Having a DTO makes it that an interactor doesn't have to know about the mapping, and gives the user / dev a contract to work with which allows for independence. I guess for sending an email you probably would create a factory E.g. emailFactory.createEmailResponse(User) which would return you a dto to pass to the email service. Khalil has very good stuff: khalilstemmler.com/articles/typescript-domain-driven-design/repository-dto-mapper/ he's also in the middle of writing a book called "SOLID" not to mistake with the famous principles, its not done yet but it's to a point where it's worth a read. Anyway, mad respect for doing this kind of vids man! More developers need to get into this. edit: Should mention, after all its about trade-offs anyway. In a real world app we just pass a dto from controller to the repo and dont even care about entities because the amount of domain logic or need for completely being decoupled is not there. one of my projects that I stopped working on: github.com/donnyroufs/cofey/tree/develop/libs

[@WebDevCody]

@@donnyroufs551 Im not sure if I’m fully understanding. I could see the value when making a public api and you don’t have access to the clients consuming your api. In that case you’d want a contract to prevent your consumers to get changed data. (Unit and integration, or contract testing can verify this). On the project I’m on, if we update our entity, we also just go into the UI code and updates whatever might have changed. Usually the most that has changed is we added an additional property to an entity, so we don’t care if the ui is coupled to the api response because it’s just additional data coming back. I don’t see a value just yet for using a DTO between the business layer and persistence layer (or email function like you mentioned). The function is defined via an interface so the arguments are already coded to a contract. But yes, I agree most of all of this is a trade off. Adding all this “clean” design and abstraction makes the code a lot more complex to understand. We as engineers just need to know the pro and cons and apply these principles where we think they’d work best

[@donnyroufs551]

@@WebDevCody Well a DTO is not just for your infra layer, it's to make sure you decouple layers and to move mapping to another place. Having a simple dto at controller level isnt enough if you want proper versioning either.

[@judeclassic4179]

bro.. i love you thanks for the video

[@joshuamangi6475]

Hi there mate, thanks for this video. I am subscribing and hope you can dive deeper into this topic with maybe showcasing a small project with MongoDB and how this can be implemented. Great work though

[@dianrahmaji]

this video is really helpful!

[@shyraccoon4322]

i think beginners should start with nest js ... it's hard for them to apply clean architecture in express and nest js forces them to do it

[@guillaume5623]

This is gold

[@misterl8129]

very good video for get a little close to the CA. Maybe if you can do a next video showing like, the adaptor. So if for example i want to change between mysql to postgress, i dont need to change nothing inside the code besides the caller. Thank you!

[@WebDevCody]

The useCase should be able to call the same methods used to get data from the database. You should be able to just swap out the persistence methods at the higher level

[@phamucmanh1750]

The one thing I am afraid of it is that code perfomance will be slower

[@WebDevCody]

It’s fine

[@dazzaondmic]

This is really informative, thank you! Quick question: what are some other benefits of implementing this kind of architecture apart from being able to easily swap out implementations? I'd like to advocate for this at my company but I don't feel like I have a strong enough argument to really vouch for it.

[@WebDevCody]

It can help with testing since it’s easier to mock out dependencies that are passed in instead of relying on a mocking library to achieve that. It also keeps the code base organized so all business logic exists in a similar place instead of it being sprinkled all throughout your code base. It takes discipline to double check you’re adding code to the correct layers.

[@Ahmad-ww4ue]

Yeah testing is a big one. I've actually learned about dependency injection when we were trying to prevent tight coupling between classes so that each class can have its own unit tests written separately. That was why I understood the clean architecture approach that this video takes to dependency injection/inversion of control.

[@kreyzor]

Amazing explanation!! Very Simple to understand and very straight forward!!

[@marcosmolina8606]

Hi! I would ask if you don't think we can catch validation error before in some middleware. I use express-openapi and works very good.

[@WebDevCody]

You could do that, but I do think validation should be as close to your business entity as possible. It’s probably safe to validate the payload coming in, then also validate the entities as you change their properties

[@codenameich]

thanks bro 🙏, any link on github for code in this video ?

[@santiagopabloortiz6322]

Pure gold.

[@DuyTran-ss4lu]

wow, amazing!

[@alex-dk2rj]

Great video, thanks.

[@akay64x2]

In what world switching from MySQL to MongoDB would take one line of code? They would not even have the same ORM layer. It will only be partially possible when using an ORM layer that supports the same type of DB as you want to swap and that also would be 80% coverage as for any nontrivial application, some queries will be written raw. - Just dropping this in here so someone wont get over sold or x or y architecture.

[@WebDevCody]

The point is your business logic is decoupled from the code that accesses the database and those database access methods are injected as dependencies meaning you can potentially switch certain parts of your data models from one database to another. Your ORM would live in a persistence layer, it wouldn’t be one line so sorry if I said something dumb like that. The point was to make the code more decoupled and easier to refactor in the future

[@onuryildirim634]

I can't find the repo link

[@rachidb9624]

Thanks a lot !

[@edu.paixao]

Great example! Can you publish the code? Tks!

[@bilkisuismail6096]

@webDevCody, i was wondering if you need interns in you work place. I would break a leg just to be mentored by you. You inspire me a lot.

[@kaloianangelkov4919]

Amazing explanation ! Got my sub !! :) Do you have any tutorials or videos where you speak about DTOs? (Data Transfer Object) I'd love to hear more about this.. :)

[@WebDevCody]

Not really, I have a recent video about clean arch but I don’t often use dots

[@jggabayno]

can u update this concept but with using prisma? :)

[@andriisukhariev]

F*ing good. Do you have anything on clean architecture folder structure for small / mid / about to scale projects ? tthanks

[@WebDevCody]

Not at the moment, I need to make a starter repo

[@andriisukhariev]

​@@WebDevCody looking forward. By the way - why do you have "require" instead of "import" - do you use older versions of node for a reason ? Also i found very little amount of tutorials on project structure when you have both static pages and API in one project.... might be interesting for you next tutor. Thanks!

[@pourlamouvance]

In your experience is it worth it?

[@WebDevCody]

I think at least keeping your code split into separate layers and the dependency inversion / injection can help keep your project more maintainable and easier to test.

[@nikk1019]

This could be also done with CQRS pattern, i find it pretty convenient

[@codiction]

I need that theme!!!

[@SachinYadav-yx1rc]

Would be great to know clean architecture in React app since its so unopinionated

[@AdibPeerzade]

Hi,Can you build a beginner tutorial of this?

[@WebDevCody]

Maybe if I have time

[@baremetals]

Excellent.

[@Cognitoman]

I wanna try to do this with nest.js, I'm gonna use repository interface and have a repository class that implements that interface and uses typeorm, then for inside my service class I inject that repository by the interface, then later I can switch out the orm with another orm if I need too or use both it dont matter

[@canmertinyo]

thanks

[@SeibertSwirl]

Good job babe!!

[@tryCatchMeQWERTY]

Uncle Bob === Robert Martin (why not just Uncle Rob?)😅

[@Kimitri]

So basically clean architecture is like little apis calling little apis inside a big api.

[@shuruzer]

Great video, but not so far from what you criticize in the beginning. Every single video on this topic turn around the same things "abstract", "here is the theory", "oh here is some (a lot of) code i already wrote, im gonna create a new file to make the project clean. and blabla theory", and you show up some code, but "oh i m not gonna run this. This is pseudo" but when someone will drop a full walkthrought with a real app (even just a simple CRUD) but from scratch, and show the whole project from the very begining to the execution ?

[@WebDevCody]

sorry to disappoint with this video.

[@shuruzer]

@@WebDevCody it is still helpful for mid/confirmed devs, but its kinda frustrating when i think about headaches my beginner self from past years had when trying to create a simple project using this architecture because there was no real walkthrough, like from "npm init". If you can do this, iam sure it'll help someone or two 😏

[@adrianmouzinho9615]

Muito bom 🇧🇷