Bottom-up or Top-down?

When implementing an UI for requirement, we tend to think about "the page", in other words, top-down approach. Maybe we do that because of Wordpress or other frameworks.

Top-down approach is good for identifying architectural decisions early on and allows you to think about user experience.

However, when using bottom up approach, we focus on creating robust and reusable components. It allows us for incremental development.

You can reinforce this approach by using Storybook as workshop environment and writing tests.

Yeah cool... Can we combine them?

Yes, you we can leverage aspects of both approaches at different stages of the development.

First, start with top-down. Analyze which components are needed.
Then, implement these key components bottom-up.
Then, iterate it...