Building Slick User Interfaces using Frappe UI
summary
Demonstrates a concrete data layer built on Frappe UI (Vue + Tailwind) that replaces boilerplate fetch/update code with declarative resources.list/resources.document declarations, giving built‑in pagination, insert/delete/update, loading/error states and optimistic updates. Shows that adding a simple cache key removed loading indicators eliminates spinners by serving cached data then background-refreshing, and that metadata lets edits auto‑sync across lists. Ships an open‑source app called Game Plan as a working demo and cites IndexDB caching inspiration.
AI-written summary · about
chapters (9)
- 0:00Introduction to UI design
- 1:11Data management challenges
- 2:32Imperative vs declarative
- 4:23Introducing Frappe UI
- 7:21Resource management features
- 9:23Caching and latency
- 10:33Metadata and global state
- 12:46Future plans and roadmap
- 14:00Inspiration and demo
related talks
26mLocal First Svelte
51mBuilding Amazing Single Page Applications the Right Way
45mJanus: Easy Complex UI with Declarative FRP
25mThe State of Data Loading
16mBuilding Server Driven UI
27mProgressively enhanced apps with Svelte
32m6 App building patterns your Seniors didn't want to know
48mUX Programming for Developers