ngVikings 2019
who it's for
Angular developers, frontend engineers, frontend architects, UI component developers, mobile developers using Angular, platform engineers
topics
Angular CDK virtual scroll; Angular Elements web components; RxJS streams and operators; NgRx with WebAssembly and workers; Angular deployment with Docker and Kubernetes; NestJS server-side TypeScript; Angular Material table performance; TypeScript decorators and metadata; Monorepo architecture with Nx; PKCE authentication and token handling; Ionic 4 and Capacitor migration
| title | author | length |
|---|---|---|
| Angular All-Speaker Panel | 54m | |
Panelists debate concrete outcomes: whether observables reach the web standard, work needed to make them reliably async, and where they belong; a working rxjs… | ||
| Deploying Your Angular Apps | Dan Wahlin | 35m |
Shows how to build and ship an Angular front end plus its APIs as real Docker images using a multi-stage Dockerfile, run the full stack locally with… | ||
| Unleash the power of the Angular CDK | Nir Kaufman | 29m |
Angular CDK delivers concrete building blocks: virtual scroll renders thousands while keeping DOM small (demo hits ~500 items instantly and scaled toward a… | ||
| Discover the power of decorators in TypeScript | Maarten Tibau | 16m |
Shows how to create real TypeScript decorators: enable experimentalDecorators in tsconfig, write a decorator factory that returns a function, and use the… | ||
| Operate Heavily Dynamic UIs with RxJS | Michael Hladky | 34m |
Claim: apply Event-Sourcing and CQRS in the browser to capture every UI change as an event stream, replay it to restore state, and split write versus read… | ||
| Strategic Domain-Driven Design | Manfred Steyer | 32m |
Claims that Strategic Domain‑Driven Design plus an Nx‑style monorepo produces a maintainable Angular architecture: applications are split into domain folders… | ||
| Cross Platform with Angular and Ionic 4 | Mike Hartington | 30m |
Ionic 4 actually replaces custom router and build tooling with the Angular router and CLI, ships an ion-router-outlet that preserves native-style animations… | ||
| Frameworks and webcomponents | Filip Bruun Bech-Larsen | 35m |
Compares @Angular/elements, @vue/web-component-wrapper, React wrappers and pure players like LitElement by building a simple custom button with slot and event… | ||
| Caught in the middle! | Natalia Venditto | 28m |
Large Angular app migrates from HTTPModule to HTTPClientModule and wires interceptors to authenticate across ten backend services using JWTs stored in… | ||
| Leveraging Angular in Node.js with NestJS | Kamil Mysliwiec | 28m |
Claims that NestJS reuses Angular patterns to let TypeScript teams build server apps with minimal retraining, showing code-level mappings: modules →… | ||
| Authstronomy: The Science of Authenticating Angular Apps | Kim Maida | 25m |
Recommends against don't store tokens in local storage and instead keeps tokens in app memory with a session cookie for silent reissues; advocates the IETF… | ||
| Boost up your component development | Mitko Tschimev | 10m |
Claims that isolating components cuts rebuild and bootstrap time by orders of magnitude and shows it with Angular Playground. Uses the Playground schematic to… | ||
| Native, Hybrid, PWA? How to deal with it? | Marta Wiśniewska | 11m |
Compares native, hybrid (WebView + bridge + native plugins) and PWA (modern Web APIs) with results from recent master‑thesis tests, showing PWAs give offline… | ||
| STORE TREK: The Voyage to Angular | Mike Ryan, Sam Julien | 26m |
Claims that NgRx + ngUpgrade can inject NgRx store into AngularJS and let AngularJS controllers dispatch actions and trigger effects; shows a Klingon warbird… | ||
| Real world component libraries at scale | Katrin Freihofner, Stefan Baumgartner | 28m |
Good component libraries can help your development teams scale. But developers are not the only people involved in the UI component creation process, there’s… | ||
| Can you imagine a future without zones? | Max Koretskyi | 31m |
Demos show that Zone.js only triggers Angular’s change detection but is not part of it, and an app boots with Zone.js explicitly turned off by disables Zone.js… | ||
| Create Your Own Hacker Nebula with Angular Blockly | Jeff Whelpley, Madelyn Whelpley | 23m |
An after-school program builds an Angular app called ngclub.app that embeds Blockly generates JavaScript so kids drag blocks and see real JS side‑by‑side… | ||
| Day 2 Keynote, Project Fugu | Kenneth Rohde Christiansen | 15m |
Shows working demos and shipping bits: Progressive Web Apps on desktop, Web Share targets that exchange files, and an AutoCAD port built with WebAssembly from… | ||
| Day 2 Keynote, Angular Architecture Concepts and Practices | Dan Wahlin | 24m |
Claims nine bare-minimum planning items for any Angular app: nine bare-minimum planning items covering features, security, logging, services, data models… | ||
| Day 2 Keynote, An async journey | Matt Podwysocki | 21m |
History explains why Rx grew: a 2005 Live Labs project (Volta) produces an IL-to-JS compiler IL tjs with a huge runtime and later gets archived, experiments… | ||
| Day 1 Keynote, ng-deploy - Deploy your ng app to the cloud | Shmuela Jacobs, Christoffer Noring | 11m |
Tool installs from NPM and GitHub and plugs into the Angular CLI using ng add, requires Angular 8/RC and uses schematics and builders, then creates Azure… | ||
| Day 1 Keynote, What's new in Angular | Minko Gechev | 18m |
Angular v8 ships automation and concrete numbers: differential loading becomes default producing two bundles (modern + legacy) and yields ~65 KB fewer… | ||
| Day 1 Keynote, Angular Material | Kristiyan Kostadinov | 07m |
-- no description -- | ||
| Day 1 Keynote, Take Angular to the Cloud | John Papa | 18m |
A live demo converts a Node/Express backend into Azure Functions by copying service code and replacing request/response with function context in about thirty… | ||
| Reimagining the frontend-backend divide thanks to GraphQL | Uri Goldshtein | 31m |
Claims that frontend teams can own the schema and speed delivery by running a GraphQL function on the client to automate data fetching and local state, using… | ||
| Take a Snapshot | Bo Vandersteene | 30m |
Shows how to add Jest integration to an Angular app, demonstrates both image snapshots and structured object snapshots, and claims snapshots cut manual… | ||
| The Hitchhiker's Guide to the Modular Galaxy | Stanimira Vlaeva | 32m |
Explains that Angular libraries ship multiple formats so consumers get tree-shakable code and legacy fallbacks: packages include UMD, FESM (flat ES modules)… | ||
| Angular in a microservices world | Kwinten Pisman | 28m |
Claim: front ends move from per-team apps to shareable feature libraries inside an Nx monorepo so all code uses one Angular version and avoids duplicate API… | ||
| Tuning Your Angular Application | Bonnie Brennan, Matt Carniatto | 19m |
Three concrete wins: find a memory leak with Chrome DevTools — memory heap showed three instances — and fix lingering subscriptions by using async pipe and… | ||
| Creating Custom Structural Directives | Ashnita Bali | 31m |
Builds one concrete structural directive named appDeclareVar and shows working code: uses TemplateRef and ViewContainerRef via dependency injection, creates… | ||
| Collect, Combine and Cache RxJS Streams for User-Friendly Results | Deborah Kurata | 34m |
Shows concrete RxJS code that replaces imperative GET-and-subscribe patterns with declarative observables: services expose streams consumed by the template via… | ||
| Running in Parallel: NgRx with WebAssembly, Web Workers and Worklets | Vitalii Bobrov | 31m |
UI freezes from heavy computation are framed as a concrete problem and solved with code: offload sorting and Fibonacci/primes to Web Workers, wire worker… | ||
| Bad Practices, what NOT to do in Angular | Valentin Kononov | 35m |
Concrete anti-patterns and fixes: measuring bundle size with a bundle analyzer and adding the build optimizer gives a small but real reduction; replacing… | ||
| Tree-shakable Components and Optional NgModules | Lars Gyrup Brink Nielsen | 23m |
Experimental Ivy APIs promise actual tree-shakable components that replace NgModules as the compilation and code-splitting unit, with concrete techniques… | ||
| Improving angular material table performance with pagination | Fabriece Sumuni, Nicolas Cassis | 09m |
A client page freezes once a simple Material table swallows 2,000 rows; the fix is rendering fewer DOM nodes by adding the Angular Material paginator, wiring… | ||
| Write Better Tests With TDD | Alex Hoffman | 10m |
Defines TDD as the three-rule red fail write minimal code pass then refactor cycle and demonstrates it with a toy increment example, a cautionary even/odd vs… | ||
| Dynamic and Lazy Loading: A Deep Dive | Aaron Frost | 30m |
Detailed, actionable coverage of how Angular actually lazy loads: shows the dynamic import('d3') pattern that produces a separate bundle and a demo that proves… | ||
| It's Alive! Machine Learning Writes Your Code! 🧠🔮 | Uri Shaked, Dominic Elm | 36m |
Claim: a model trained on all open-source TypeScript from GitHub learns to predict function bodies from signatures. Pipeline uses BigQuery to collect code… | ||
| 5 Tips to Improve User Experience with NgRx | Alex Okrushko | 33m |
Claims concrete fixes: use NgRx for explicit error handling to avoid infinite spinners (mapToAction in v8 helps), treat the store as a cache plus localStorage… | ||
| Add Native Mobile to Your Angular Projects: The Migration Story | Sebastian Witalec | 28m |
Concrete migration steps for adding Native mobile to an Angular app: convert a repo with ng add @nativescript/schematics, use a naming convention that adds… | ||
| Angular for the Visual Learner | Samantha Brennan | 21m |
Claims that visualizing Angular concepts turns abstract pain into clarity, backed by methods from the Davis method and concrete tests like the cake… | ||
| nothing matches | ||