Day 6 of 14 30 minFilteringEmpty statesStyling
Build a searchable, filterable, sortable list. Derive what to show from state instead of storing copies, handle empty states, and style components with classes, conditional class names, inline styles and the popular styling approaches.
By the end of today you can
- Search, filter and sort a list by deriving it from state
- Avoid storing data that can be calculated
- Show helpful empty states and counts
- Apply classes and conditional class names
- Compare CSS files, CSS Modules, Tailwind and inline styles
What's inside
- 5 sections
- 2 diagrams and mind maps
- 3 code examples you can run
- 5-question quiz
- 1Derive the visible list from state
- 2Empty states
- 3Styling with classes
- 4Inline styles for dynamic values
- 5Styling approaches in real projects
Sign in free to read this lesson
Get the full lesson with diagrams, runnable code and the quiz. Your progress is saved across devices.
Sign in free