Using StackBlitz & Angular for Rapid App Prototyping

on YouTube ↗23m

" summary

StackBlitz runs Angular prototypes entirely in the browser using a custom npm client and bundler that claim big speedups: turbo (installs only needed packages, ~5x faster) and hyperboot (in-memory rebundling, ~5x faster). It adds on-demand npm install and a VS Code–like language service, hot reload and PWA offline support via service worker. The onstage build wires webcam video, applies CSS filters, fixes an iOS autoplay issue, and the prototype works live across devices.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 0:33Motivations
3. 0:46Getting a Local Environment Set Up and Running
4. 4:18Hyper Boot
5. 5:43Demo
6. 8:00Cli Generator
7. 11:41Video Component
8. 16:32Ui Elements
9. 17:56Blur Filter
10. 20:05Flip Transform

" related talks

• 16mStackblitz Makes Every Framework BetterAlbert Pai, Eric Simons · Framework Summit 2018
• 32mStackBlitz KeynoteEric Simons, Sylwia Vargas, Tomek Sułkowski · ViteConf 2022
• 23mQ&A PANELCraig Spence, Eric Simons, Anthony Humes, Jorge Cano · ng-conf 2020: Hardwired
• 10mBoost up your component developmentMitko Tschimev · ngVikings 2019
• 24mFull Stack DocumentationRich Harris · JSNation Conference 2022
• 31mMobile-friendly web apps with AngularOleksandr Tryshchenko · GDG DevFest Poland 2018 in Wrocław
• 20mTools for Fast Angular ApplicationsMinko Gechev · ng-conf 2019
• 41mKeynote addressJohn Doe · Angular Connect 2018