Vite, Meta Frameworks, and Angular
summary
Vite powers instant server start and HMR with esbuild-backed fast builds and a plugin ecosystem; Analog (the meta-framework for Angular built on Vite) claims to bring those benefits to Angular by using Vite’s single-file, parallel transform instead of Angular’s global compiler. Analog already supports TypeScript, Vitest unit testing, and Astro + Storybook integrations, and aims for file-based routing, SSR/SSG, and API routes. Angular’s enablers are standalone components (v14) and an esbuild browser builder; work is live on GitHub and the project is functional.
AI-written summary · about
chapters (21)
- 0:00Intro
- 0:43Agenda
- 1:15Problems
- 2:37Impact
- 4:28Meta-frameworks
- 5:15Meta-framework Features
- 5:40File-based Routing
- 6:09Server-Side Rendering
- 6:32Static Site Generation
- 6:48Islands Architecture
- 7:38API Routes
- 10:37Angular Compilation (today)
- 11:34Supporting Angular
- 12:04Vite Transform Pipeline
- 12:23Angular Compilation (potential)
- 13:01Vite Powered
- 13:24Vitest
- 13:56Analog Features (today)
- 14:50Analog Features (future)
- 15:36Contributing to Analog
- 16:35Recap
related talks
14mAnalog: Building an Ecosystem of Ecosystems with Vite
27mAngular, Vite, and Some Things that are Neat
28mAnalogJS - The Vite powered Angular meta-framework
20mAngular Across the Stack with Analog
15mOptimal builds in Angular with Vite and esbuild
01h 19mVite Panel Discussion 2023
12h 00m44 Talks about the Vite ecosystem
41mRenaissance of Angular