code.talks 2023 - Developing a clean architecture-inspired React application with MVVM

by Marc Brehmer
When developing an application, it will often start simple but eventually quickly grow in complexity. Creating a robust and maintainable codebase for long-term success is vital and will help avoid technical debts that will eventually haunt you and make it hard to meet deadlines.
Structural patterns like clean architecture are often followed, which is, unfortunately, less common for web applications.
In this talk, we will showcase how to create a clean architecture-inspired React application that is scalable, maintainable, and easy to test. We will see how to use the MVVM pattern to structure an application into distinct layers, ensuring a clear separation of concerns. We will explore how hooks enable the composition of reusable and composable logic, leading to cleaner and more maintainable code.
By the end of this talk, you will know how to develop a clean architecture-inspired React application using the MVVM pattern and harnessing the full potential of hooks to build a robust, modular, and scalable application.
The link to the repository is: github.com/spa...

[@ibrahemahmad5581]

you did a good job with explaining CA's but about setup it and use it with MVVM we should remember we need to apply MVVM on each page not on project " sometime we need to apply on each feature" so be careful about this. NOTE: make sure you movie the view model into out of the presentation, I think need more review.

[@2gbeh]

So, technically Angular for React devs?

[@andrzejsotnikov]

nice lecture. Thanx

[@katlehomotloung8977]

Amazing 👏

[@jeffreyszcinskiii5181]

Looks really promising. Having all this in android has been great. To see it in react is wonderful. It looks like there is a learning curve with the awilix library. Has anyone else been able to use this? Does it ,ake everything testable and can you build another feature without breaking everything?

[@maartenha7598]

Is this code accessible somewhere?😊 it will make it easier to learn from it and give it my own spin

[@PaulPetersVids]

looks like it's been added in the description

[@maartenha7598]

@@PaulPetersVids thank you for letting me know

[@emmanuelvillegasgonzalez1304]

where i can see the code? 🥲