Purity Matters

Pure Modern Web

The PurePWA radical nothing-but-web-standards approach has nothing but advantages
  • All the Standard PWA Benefits
  • Hybrid MPA/SPA Benefits
    • Extra SEO-friendly, due to having multiple pages that can be indexed separately
    • Much less client-side JavaScript rendering
    • Page-specific code is automatically loaded only when needed, without the complexity introduced in SPA apps (such as tree-shaking, bundle-splitting & lazy-loading)
    • Ideal for Server-side Rendering and JAMStack frameworks
    • Extremely scalable MPA model
    • Shared Web Components for app-wide or multi-use functionality/styling
    • SPA behavior where appropriate, using native Navigator.navigate event interception
    • MPA page loads optimized using background caching
    • Extremely Discoverable
  • Native Experience
    • Functional micro-animations
    • Scroll-snapping
    • View transitions
    • Title bar subclassed using the Window Controls Overlay API
    • PWA Shortcuts
    • Mobile-first, responsive design
    • Using CSS Grid + Flex
    • No concessions on Mobile - Touch-friendly, Bottom Menu
    • Media queries only when nothing else works.
    • Highest possible Performance (Lighthouse, Core Web Vitals)
  • No Dependencies
    • No framework, and not a single library. Just the Pure, Native Web
    • Leveraging the rich set of Native Capabilities the Modern Web has to offer, such as CSS animations/transitions
    • Simple, easy to understand CustomElement base class
    • Native State Management using Proxy and Custom DOM Events
  • No Build, No Bundling
  • Developer-Friendly
    • Highly discoverable, easily readable code, so easy onboarding
    • Using ES Modules that can be shared across pages, or isolated to MPA page scope
    • Each MPA route has its own HTML, CSS and JavaScript (in a separate folder)
    • Using Semantic HTML Structures that show meaning/intention to developers
    • Zero Setup. No NPM, no Transpiling, no Bundling. Just start a Web Server on /public/
  • SVG Sprite Sheets
    • A single SVG Sprite Sheet file
    • Multiple Reusable Symbols defined
    • No need for Glyph Web Fonts that need building
    • Much more efficient than having individual Icon Images
  • Future-proof