Useful patterns for building HTML tools
I’ve started using the term HTML tools to refer to HTML applications that I’ve been building which combine HTML, JavaScript, and CSS in a single file ...
Frontend Development Guide
Summary
This article advocates for using URLs as primary state containers in web apps to enable shareability and deep linking. It contrasts this approach with complex frontend stores, emphasizing that well-designed URLs preserve user intent efficiently.
Highlights
- URLs act as state containers for filters and configurations without needing databases.
- Proper URL design enables shareability, bookmarking, and functional browser history.
- Frontend engineers should prefer URLs over heavy abstractions for view-specific state.
- URLs should store reproducible view state but avoid sensitive or transient data.
auto-generated
Context
Audience
Frontend Developers
DomainWeb Development
Formatlong-form article
Accessfree online
Source Overview
Thoughtful URL design can encode and preserve application state, enabling features like shareability, bookmarking, and deep linking without additional storage.
URLs should store state that defines reproducible views such as filters, selections, and configurations, but not sensitive or purely transient data. Consistent URL patterns using path segments, query parameters, and fragments support usability in many modern web apps.
Topics
Related
PrismJSState ManagementDeep LinkingURL Design PatternsScott Hanselman
