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 ultimately 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, I will showcase how to create a clean architecture-inspired React application that is scalable, maintainable, and easy to test. You 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, you will know how to develop a clean architecture-inspired React application harnessing the full potential of hooks to build a robust, modular, and scalable application.