The Process
Start with a Mock
Break the UI into a hierarchy
Single Responsibility Principle
Think in terms of Information Architecture
Atoms first, Molecules second
Component Hierarchy
FilterableProductTable
: contains the entirety of the exampleSearchBar
: receives all user inputProductTable
: displays and filters the data collection based on user inputProductCategoryRow
: displays a heading for each categoryProductRow
: displays a row for each product
Last updated