AngularNL 2020
who it's for
angular developers, frontend engineers, frontend architects, web performance engineers, qa engineers, build and release engineers
topics
angular dependency injection patterns; NGXS state management; RxJS WebSocketSubject; advanced RxJS patterns; xstate state machines; Scully static site generation; lazy loaded components; Webpack 5 module federation; zone-less rendering post Ivy; ngfx / Angular effects; Cypress end-to-end testing; bundle size and source-map analysis
| title | author | length |
|---|---|---|
| Simplifying DI and Services in Angular | Dhananjay Kumar | 39m |
Live demo uses Angular 9, a CLI-generated log service with a static counter and an InjectionToken plus useValue configs to show exactly how many instances… | ||
| Progressive State Management: NGXS | Aliaksei Kuncevič | 28m |
Demonstrates migrating from simple RxJS-backed reactive services to NGXS state: same counter app, same templates, but reactive services using BehaviorSubject… | ||
| Deep Dive into RxJS WebSocket Subject | Lamis Chebbi | 41m |
Claims that Angular’s bundled RxJS provides a ready WebSocket wrapper: the WebSocketSubject sits on the browser W3C websocket, emits incoming messages, buffers… | ||
| Practice Makes Perfect: RxJS | Jan Niklas Wortmann | 27m |
Builds a working carousel with swipe keyboard and auto-timer using concrete RxJS code: merges touch and mouse events, computes deltas, emits only the final… | ||
| Working with State Machines in Angular | Stefanos Lignos | 33m |
Claims that using xstate with Angular cuts state/control complexity and creates a common language for teams. Shows a working auth state machine for the… | ||
| Performance Matters | Stephen Fluin | 32m |
Bundle size is the main driver of startup slowness—examples include a 15 MB app shrinking dramatically after extracting SVGs—and common fixes are concrete: set… | ||
| Static Sites Generation with Angular and ScullyIO | Natalia Venditto | 30m |
Static site generator ScullyIO runs at build-time rendering on Angular apps (Angular 8+ required, Angular 10+ recommended) and uses Puppeteer to prerender… | ||
| Lazy Loading Web Applications | Sani Yusuf | 27m |
Demonstrates how Angular actually lazy loads a component at runtime: a button triggers an async import that returns a component, then ViewContainerRef plus… | ||
| Fully ZoneLess High Performance Rendering in post IVY | Michael Hladky | 30m |
Presents a zone-less, high-performance rendering approach for post-Ivy Angular using concrete tools: a push directive, new template primitives, an amPatch-like… | ||
| Angular Effects | Adriana Maguea | 09m |
Claims that ngfx lets components expose observable state so templates render as synchronous templates without async pipes, that effects subscribe in parallel… | ||
| CypressIO | Dave Web | 41m |
Cypress is an end-to-end test runner that runs in an Electron proxy and boots a controlled browser quickly — setup finishes in about five minutes and test… | ||
| The Microfrontend Revolution: Using Webpack 5 Module Federation with Angular | Manfred Steyer | 38m |
Module Federation in Webpack 5 lets independently compiled microfrontends load at runtime from different origins and share Angular to avoid duplicating… | ||
| nothing matches | ||