Page composition with components
To create a user interface, we must have a starting point, be it a crude sketch to a fancy full-fledged design. The graphic design of a web application is beyond the scope of this book, so we will consider that it has been created already. To translate the design into components, we could approach it as a process that answers the following questions:
- How can we represent the layout and multiple elements with components?
- How will these components communicate and relate to each other?
- What dynamic elements will enter or leave the scene, and what events or application states will they be triggered by?
- What design patterns can we apply that best serve the use case, considering trade-offs?
Vue 3 is specially fit to create dynamic, interactive interfaces. These questions lead us to a repeatable approach for the implementation. So, let’s define a general process with well-defined stages, step by step.
