Building a searchable product data table using Vue + TypeScript
- Start With A Mock
- Break The UI Into A Component Hierarchy
- Build A Static Version in React
- Identify The Minimal (but complete) Representation Of UI State
- Identify Where Your State Should Live
- Add Inverse Data Flow
A simple product list display app with simple user interaction. Components hierarchy is like:
- FilterableProductTable
- SearchBar
- ProductTable
- ProductCategoryRow
- ProductRow
npm install
npm run serve
npm run build
npm run test
npm run lint