ngVikings 2020
who it's for
Angular developers, frontend engineers, tooling engineers, build and release engineers, web performance engineers, accessibility engineers, design system engineers
topics
Angular CLI schematics and builders; Bazel incremental hermetic caching; Angular Universal server side rendering; Scully pre rendering for Jamstack; PWA caching strategies (cache-first etc); Rust to WebAssembly (WASM) integration; GitHub Actions to Azure Static Web Apps; bundle analysis with source-map-explorer; Webpack 5 Module Federation for microfrontends; Web Components for authentication; ARIA, tabindex and accessibility testing; NGRX vs NGXS vs Akita state management
| title | author | length |
|---|---|---|
| Static (?!?#🙀) Web Apps | Shmuela Jacobs | 24m |
An Angular conference site is built, pushed to GitHub, and automatically built and deployed via GitHub Actions to Azure Static Web Apps where it serves… | ||
| Explore the power behind Angular CLI | Santosh Yadav | 27m |
Shows how schematics and builders actually change files and run commands: ng add installs packages and edits angular.json, ng update migrates v8→v9 in minutes… | ||
| Supercharge your builds with Bazel | Wassim Chegham | 21m |
Bazel is used to orchestrate an Angular 10 preview frontend, a TypeScript Azure Functions backend, and a Rust core compiled to WebAssembly and served on Azure… | ||
| How to pull PDF documents out of your a...ngular stack | Jonathan Share | 21m |
Proof-of-concept architecture generates PDFs by server-rendering the same Angular components with Angular Universal, rendering them in an up-to-date browser… | ||
| Supercharge the speed of your app with these PWAs' secrets! ⚡ | Marta Wiśniewska | 25m |
Claims concrete outcomes: specific caching patterns, measured fixes, and a prototype link. Performance testing uses tested 15 PWAs with web.dev (Lighthouse)… | ||
| Why Angular is the best framework for a design system | Jan Greger Hemb | 18m |
Claims one thing and shows another: Angular becomes the design system backbone here because the team actually builds a reusable library, uses angular… | ||
| Be an ally! In the battle for an inclusive and accessible internet! | Natalia Venditto | 25m |
States that 15 percent of people worldwide roughly one billion rely on assistive tech and gives concrete rules: use native HTML elements not divs for buttons… | ||
| Day 2 - Speaker panel 1 : Let’s chat about Angular! | Shmuela Jacobs, Santosh Yadav, Wassim Chegham | 15m |
Panel offers concrete takeaways not fluff Links to resources are posted in chat and on Twitter Use the Angular Material repo ngrx examples and Manfred Steyer… | ||
| Day 1 - Speaker panel 2: Let’s chat about Angular! | Ana Cidre, Aaron Frost, Manfred Steyer, Stephen Fluin | 22m |
Titles translate to specifics: ng-deep deprecated but not removed yet; native CSS ::part support is untested in Angular components; Universal often benchmarks… | ||
| Debugging the Performance of 4,860 Angular Apps | Stephen Fluin | 28m |
Scans of ~4,860 Angular sites produce concrete fixes not slogans: the average app ships ~4 MB of JavaScript, one real app hits 15 MB, and ~13% lack gzip/brotli… | ||
| Web Components for Authentication - The what, the how and the why | Ana Cidre | 19m |
Creates a concrete login web component that actually calls out to Auth0 SDK, exposes two HTML attributes (domain and client_id), and handles redirects… | ||
| Angular + Scully - Wicked-fast Angular apps | Aaron Frost | 23m |
Claim: convert Angular apps to the Jamstack with Scully and get dramatically faster load and higher conversions. Uses Scully to pre-render Angular, supports… | ||
| The Microfrontend Revolution - Using Webpack 5 Module Federation with Angular | Manfred Steyer | 33m |
Concrete recipe for microfrontends with Module Federation and Webpack 5 using Angular: a shell loads remotely compiled remotes at runtime via a tiny remote… | ||
| NGRX, or NGXS, or Akita, which one should you choose? | Devlin Duldulao | 24m |
Compares three concrete sample apps (heroes/buildings) and the code used: NgRx: explicit actions + effects + reducers using Redux + RxJS — full boilerplate but… | ||
| Component Features - The Post Ivy Release-Time | Martina Kraus | 22m |
Ivy ships as the default compiler since Angular v9 and exposes component features — small mixins applied at runtime by taking the compiled component definition… | ||
| 7 D's of Development | John Papa | 27m |
Lists the concrete checklist — 7 D's: design develop destroy document demo review deploy — and shows tools that implement it: Azure Pipelines and Azure Static… | ||
| Day 2 - Speaker panel 1: Let’s chat about Angular! | Jonathan Share, Marta Wiśniewska, Natalia Venditto | 13m |
Panel claims Shadow DOM is here to stay with current spec support in all major browsers (drop IE), recommends using it for true encapsulation; reports Angular… | ||
| nothing matches | ||