Consider User Interface (UI) as an independent standalone layer made of small and reusable blocks -> first class citizens of every Angular app. Such an approach is called Component Driven User Interfaces (CDUI), and it encourages creating a library of independent UI components. In this article, we will go through CDUI benefits and learn how to use it together with Storybook – an extremely powerful tool for building UI components in isolation.
What is the purpose of CDUI?
In CDUI, every UI element is treated as an external component, which can be designed, tested, and developed independently from the rest of an application.
The main goals of CDUI are to increase modularity and scalability of applications. It also facilitates the creation of a consistent and maintainable user interface.
By building an application from smaller, self-contained components, the development team can more easily adapt the application to changing business requirements and respond more quickly to potential errors and problems.
What is Storybook?
Storybook is a tool for building, presenting, and testing user interface (UI) components in isolation from the rest of the application. It allows developers, designers and testers to work on individual UI components in an isolated environment without running the entire application.