ng-conf 2022
2022-08-31..2022-09-02
-- online --
ng-conf ·
[ng-conf 2015, ng-conf 2017, ng-conf 2019, ng-conf 2020: Hardwired, ng-conf 2022, ng-conf 2023]
who it's for
angular developers, frontend engineers, platform engineers, engineering managers, qa engineers, ux accessibility engineers, tooling and devtools authors
topics
standalone components and bootstrapApplication; strictly typed reactive forms; RxJS operators and higher-order mapping; webpack 5 Module Federation microfrontends; content projection with ng-content and NgTemplateOutlet; image directive and Core Web Vitals optimization; esbuild-based faster production builds; ZoneJS and change detection minimization; TDD practices and Cypress migration; state management with subjects and selector patterns; server-side rendering and hydration improvements
| title | author | length |
|---|---|---|
| Standalone Components: The Motivation | Pawel Kozlowski | 18m |
Angular makes NgModules optional and ships Standalone APIs in Angular 14 that let a component declare its template dependencies directly and enable… | ||
| Angular Team Keynote | Minko Gechev, Sarah Drasner, Madleina Scheidegger | 55m |
Angular announces concrete deliverables: strictly typed forms land in v14, the image directive is in developer preview, and standalone components exit… | ||
| Angular: A Design Review 10 Years Later | Jeremy Elbourn, Alex Rickabaugh | 34m |
Ten years after AngularJS the review lists concrete outcomes: 30,000+ GitHub issues closed, automatic global change detection that uses ZoneJS monkey-patches… | ||
| Angular based Micro frontends with module federation | Manfred Steyer | 21m |
Shows concrete use of webpack 5 Module Federation with Angular 12+: a shell (host) loads remotes at runtime, demonstrating both static and dynamic Federation… | ||
| RxJs from Scratch | Alain Chautard | 01h 45m |
Two-hour workshop runs live with hands-on StackBlitz exercises and concrete claims: observables come from HTTP and forms, async pipe removes manual subscribe… | ||
| Form Validation Done Right | Ward Bell | 21m |
Asserts that validation belongs on the domain model not the UI and demonstrates a model-driven validation approach that runs on client and server, reuses rules… | ||
| Angular TDD Like You Never Seen Before | Shai Reznik | 43m |
Claims that a compact TDD workflow called test effective development makes TDD easy to adopt, backed by the uploader’s statistic that 95% of developers don’t… | ||
| RxJS Best Practices Aren't Always Black and White | Deborah Kurata | 21m |
Declares an action stream with a private Subject or BehaviorSubject and emits user selections to drive HTTP calls, uses switchMap for latest only when… | ||
| Safer Forms with Strict Types | Dylan Hunn | 17m |
Angular v14 ships typed forms that push strict TypeScript through reactive forms: the library uses control types (not just value shapes), a non‑nullable option… | ||
| Image Optimization Best Practices with Angular | Kara Erickson | 22m |
Chrome Aurora and Angular add a new image directive that lazy loads non‑critical images, accepts a priority flag plus manual preconnect hints, and plugs into… | ||
| Become a Content Projection Artist | Alain Chautard | 43m |
Shows exactly how content projection works in Angular and which APIs to use: ng-content, ng-template and NgTemplateOutlet, ContentChildren and templateRef… | ||
| B.L.A.Z.I.N.G. - 7 core principles of fast Angular application | Ady Ngom | 21m |
Asserts that performance budget beats raw bundle size and names Core Web Vitals (LCP FID CLS) as targets, shows lazy loading with LCP-aware eager images and… | ||
| What and Why nx 20 reasons in 20 minutes | Erik Slack, Michael Madsen | 20m |
Twenty concrete claims: Nx powers monorepos with a single package.json and more granular libraries, visualizes dependency graphs with a depth graph, and runs… | ||
| Micro frontends and the multiverse of Frameworks | Adrian Iskandar Espinosa Caballero | 31m |
Claim: combining Micro Frontends + Module Federation + Web components lets an Angular host load remote apps built in Angular (different versions), React, Vue… | ||
| Standalone Components The Motivation | Pawel Kozlowski | 18m |
Claims NgModule becomes optional via Angular 14’s Standalone APIs, letting components declare Standalone true and list template dependencies in an imports… | ||
| TSLint to ESLint in 5 minutes | James Henry | 06m |
Claims a full migration from TSLint to ESLint in five minutes and demonstrates it on an Angular workspace with a root app and a library named Libby, using… | ||
| Accessibility! is! important! | Zach Arend, Emma Twersky | 25m |
Angular claims concrete accessibility work not vague promises: v13.2 adds a router title property to set per-route titles, the framework ships 10 ESLint rules… | ||
| Angular's Future w/out NgModules Architectures w/Standalone Components | Manfred Steyer | 18m |
Claim: standalone components remove the need for NgModules and enable direct routing and lazy loading with concrete APIs. Shows using provideRouter and the… | ||
| Why are web applications slow, and what to do about it | Miško Hevery | 21m |
A concrete claim backed by tools and measurements JavaScript is the main culprit for slow sites shown by a custom tool called Performance Insights that queries… | ||
| Community Keynote | Mark Thompson, Emma Twersky | 01h 07m |
Community keynote lists concrete changes and hooks to act on: Chrome/Aurora and Angular ship image directive in developer preview, font inlining (v11) and… | ||
| Just One More Change A Developer's Story for Pushing Angular to the Cloud | John Papa | 22m |
A developer edits an Angular repo in the browser with github.dev, opens a full containerized dev environment via GitHub Codespaces that auto-installs Node and… | ||
| State Management at Scale w/NgRx | Brandon Roberts | 20m |
An AngularJS→Angular migration with NgRx serves as a concrete case study: a Fortune 500 app with 300 developers uses NgRx, NX monorepo, selectors, effects and… | ||
| Deciphering the secrets of blockchain with angular | Stephen Fluin | 21m |
Builds a Solidity raffle smart contract and deploys it to a public testnet, wires it to Chainlink VRF for verifiable randomness, and generates the contract’s… | ||
| The Greatest Mystery is Realtime with Angular, NestJS, and websockets! | Ely Lucas | 47m |
Builds a multi-user, multi-room realtime chat app using Angular + NestJS + socket.io over websockets, demonstrating an identify method that maps usernames to… | ||
| Typescript meta programming from 0 to 100 | Daniel Ostrovsky | 21m |
A demo shows concrete claims and working code: TypeScript compiler metadata plus reflect-metadata and simple decorators let an injectable decorator record… | ||
| Solving the Puzzle of Real-Time Collaboration using the Fluid Framework | Dan Wahlin | 24m |
Claims that the open-source Fluid Framework lets Angular apps get real-time collaboration with zero server code by using Azure Fluid Relay or a self-hosted… | ||
| There's Safety in Angular | Alisa Duncan | 17m |
Claims that Angular auto-escapes interpolation and sanitizes property bindings with whitelists of allowed elements and attributes, and that unsafe URLs get an… | ||
| AG Grid | Niall Crosby, Stephen Cooper | 08m |
Claim: flip a single property enableCharts and the grid provides Excel‑like charting built into the table. Tooling: Angular component now fully typed with… | ||
| Simplifying deep angular forms with di equipped custom components | Rafael Mestre | 19m |
Claims that dependency injection can replace input drilling for nested forms by letting child components inject(FormGroupName) or ControlContainer and obtain… | ||
| Get to Know the 2022 ng-conf Speakers | Dan Wahlin | 11m |
Walks through the Fluid Framework and its reworked APIs, shows actual code and runtime behavior that add real-time collaborative editing into a bespoke… | ||
| Partially Zoneless Performance tuning without big bang refactoring | Michael Hladky | 23m |
Claims a practical path to faster Angular apps: use RX Angular and template directives like partial zoneless templates (rxLet / rxIf / rxFor) to confine change… | ||
| Cypress for angular devs hands on workshop | Jordan Powell, Ely Lucas | 01h 04m |
Live workshop shows a runnable migration path from Protractor to Cypress: run ng add @cypress/schematic, paste a protractor spec into the Cypress Migrator and… | ||
| Quick Context about Host Context | Ankita Sood | 06m |
Claims that host-context() replaces deprecated ng-deep for cross-component styling and that it works reliably under emulated view encapsulation. Demonstrates a… | ||
| Write once, run anywhere with an angular PWA | Michael Dowden, Maritine Dowden | 01h 38m |
A working Angular 13 demo builds a chat PWA by running NG add @13, adding a service worker and web manifest, and deploying with Firebase (hosting, emulators or… | ||
| State Management Techniques and Family Therapy | Kate Sky | 22m |
Concrete claim: ngrx gives a maintainable unidirectional state with a single source of truth and composable selectors. Code-level proof: TypeScript examples… | ||
| I Let Strangers Design My Slides using NgRx Component Store | Mike Ryan | 19m |
Built an Angular drawing app that sends prompts to Mechanical Turk and collects illustrations, using the Canvas API to capture drawings and uploading image… | ||
| EndBridge: Migrate from Protractor to Cypress in Less Than a Day! | Joe Eames | 07m |
EndBridge by HeroDevs claims it migrates Protractor tests to Cypress with no code changes and demonstrably runs true Protractor syntax inside Cypress… | ||
| Future Proof your company by effectively scaling engineering | Jennifer Wadella | 21m |
Hire more junior candidates and stop assuming senior hires solve everything; measure where people actually are by fixing project management and onboarding… | ||
| Testable Angular Forms | Martine Dowden | 01h 16m |
Repository is an Angular 14 Reactive Forms workshop that actually builds a contact form, focuses tests on the email control, and shows concrete assertions: use… | ||
| RxWut | Kim Maida, Sam Julien | 17m |
Makes concrete claims and shows actual RxJS mechanics: creation with from, composition through pipe, and operators as pure functions. Demonstrates specific… | ||
| OAyDaBy AAm=/y SAinRe9L TArT, wait what? | Jessica Janiuk, Joey Perrott | 12m |
Angular documents concrete changes: the org removes human push rights so no one has write access and uses a separate auth system that issues temporary action… | ||
| NgRx Feature Creator | Marko Stanimirović | 05m |
A new function createFeature in @ngrx/store (introduced v12.1) claims to generate a feature reducer plus memoized child selectors named with the select prefix… | ||
| Run Code When Leaving Your Angular Application | Preston Lamb | 05m |
Claims that ngOnDestroy not fired on refresh or tab close, demonstrates that Angular doesn’t destroy components on browser refresh so the lifecycle hook is… | ||
| Get to Know the 2022 ng-conf Speakers | Kate Sky | 08m |
Practical demos show how ngrx maps to real workflows with concrete code patterns and small metrics about bug reduction and reduced state churn, using… | ||
| Shit, our Site is Down! Let's build a culture of reliability | Brian F Love | 15m |
Concrete definitions and measurable examples decide: SLI examples include mean failure rate over 60s measured every 10s and median LCP on initial load over 5… | ||
| Migrating from Protractor to Cypress E2E in Under 5 Minutes | Jordan Powell | 07m |
Claims a full migration under five minutes by running the official schematic (ng add @cypress/schematic), updating angular.json and package.json, and replacing… | ||
| The Tale Tell Code | Lara Newsom | 21m |
Claims that functions in templates force repeated dirty checking and slow apps, shows optional chaining can bloat minified output (one ? adds ~15 chars) and… | ||
| Get to Know the Angular Team – Sarah Drasner | Sarah Drasner | 13m |
Director-level ownership at Google of frameworks plus TypeScript stewardship and tooling (build, serve, web testing) comes up early, with a specific claim that… | ||
| Get to Know the 2022 ng-conf Speakers | John Papa | 12m |
A candid interview that lists concrete positions and habits: Angular itself is easy while the real barrier is the surrounding tooling — webpack, RxJS… | ||
| Get to Know the Angular Team – Emma Twersky | Emma Twersky | 11m |
Conversation focuses on concrete Angular work: current push on the v14 release, writing the release blog and docs, and running RFCs from a community angle… | ||
| LeTS play a game | Craig Spence | 21m |
Shows that TypeScript’s type system (top and bottom types any unknown never) and practical features—template literal types, infer, conditional types, mapped… | ||
| Get to Know the 2022 ng-conf Speakers | Alain Chautard | 10m |
Two hands-on workshops cover content projection and RxJS from scratch, with live coding in Angular and examples using Angular Material and component libraries… | ||
| Slow Down to Get Ahead | Michael Callaghan | 06m |
A simple, testable claim: talking slower makes people pay more attention and changes how one is perceived. The demo records a movie quote three times at… | ||
| Get to Know the Angular Team – Minko Gechev | Minko Gechev | 08m |
Says led developer relations for the Angular team and wrote code for Angular DevTools that shipped, now spending less time coding and more on roadmap… | ||
| Get to Know the 2022 ng-conf Speakers | Ankita Sood | 10m |
Background in electronics leads to programming via image processing, then work in Java, JSP, jQuery and YUI Dom before settling on JavaScript and Angular… | ||
| Get to Know the Angular Team – Jeremy Elbourn | Jeremy Elbourn | 14m |
Daily work focuses on TypeScript and JavaScript while the role is defined as uber tl for angular with responsibility for long‑term strategy and technical… | ||
| Get to Know the Angular Team – Wagner Maciel | Wagner Maciel | 09m |
Two years on the Angular team and concrete work comes up: building a pre-render static pages tool, authoring the new mdc slider component, and implementing… | ||
| Get to Know the 2022 ng-conf Speakers | Alfredo Perez | 10m |
Demonstrates wiring Storybook to run Cypress specs against component stories, sets up complex application state and test data, shows the exact scripts and… | ||
| Get to Know the Angular Team – Pawel Kozlowski | Pawel Kozlowski | 08m |
A relaxed interview outlines concrete engineering work: the runtime takes compiler output and creates and updates the DOM, with emphasis on change detection… | ||
| Get to Know the Angular Team – Kristiyan Kostadinov | Kristiyan Kostadinov | 07m |
Casual on-stage interview that gives concrete team duties and tastes: someone who runs components and framework explains splitting time between Angular… | ||
| Get to Know the 2022 ng-conf Speakers | Brian F Love | 18m |
Claims that front-end teams must own reliability and shows how to measure it at the user edge, using service level objectives and service level indicators tied… | ||
| Get to Know the Angular Team – Mark Thompson | Mark Thompson | 08m |
Concrete facts: two years on the team and the day job mixes writing, video, strategy and some coding; the role is Developer Relations Engineer. Favorite… | ||
| Get to Know the Angular Team – Andrew Scott | Andrew Scott | 11m |
Joined the project in 2019 and now owns the router and language service plus a VS Code extension, balances coding with more planning meetings, and wakes up… | ||
| Get to Know the 2022 ng-conf Speakers | Daniel Ostrovsky | 11m |
Shows exactly which TypeScript features and runtime bits are required to implement Angular-like behavior: implements a tiny framework that reproduces… | ||
| Get to Know the 2022 ng-conf Speakers | Jennifer Wadella | 14m |
Conversation walks through a career arc from building MySpace/Geocities pages to working with Backbone.js and AngularJS then hosting the Angular+ show, and it… | ||
| Get to Know the 2022 ng-conf Speakers | Lara Newsome | 14m |
Concrete examples of Angular code smells with before-and-after snippets, focusing on misused dependency injection and costly change detection patterns. Notes… | ||
| Get to Know the Angular Team – Doug Parker | Doug Parker | 13m |
Tech lead for the tooling subteam explains concrete work: maintaining Angular CLI and schematics, owning compiler and language service integrations, and… | ||
| Get to Know the Angular Team – Madleina Scheidegger | Madleina Scheidegger | 09m |
An overview of what actually happens: engineering manager role duties — daily one-on-ones, meetings to set priorities, coaching and goal setting — plus… | ||
| Get to Know the 2022 ng-conf Speakers | Ady Ngom | 11m |
Clear, specific outline: a segment called BLAZING: seven core principles lays out concrete performance techniques for Angular apps rather than vague advice… | ||
| Get to Know the 2022 ng-conf Speakers | Jordan Powell | 11m |
Shows a hands‑on workshop for migrating Protractor tests to Cypress with concrete tooling: a Cypress schematic that rewrites Angular CLI projects, code mods… | ||
| Get to Know the Angular Team – MILES MALERBA | Miles Malerba | 11m |
Background story about learning to code on a ti 83 plus and a list of languages (TI‑Basic, C++, Java, Scheme, Python, JavaScript/TypeScript, CSS) sets the… | ||
| Get to Know the 2022 ng-conf Speakers | Christina Brink | 09m |
Quick interview that names concrete roles and habits: oversees components and dev infra on the Angular team, joined Angular in Oct 2021, and reports 15 years… | ||
| Get to Know the 2022 ng-conf Speakers | James Henry | 14m |
A short interview that delivers concrete takeaways: a five-minute conversion demonstration migrating a TSLint workspace to ESLint, plus the claim that… | ||
| Get to Know the 2022 ng-conf Speakers | Alisa Duncan | 10m |
Names concrete features and gaps: claims Angular provides built-in XSS/DOM sanitization, explains when to add route guards and HttpInterceptor patterns for… | ||
| Get to Know the 2022 ng-conf Speakers | Michael Dowden | 12m |
Episode lays out a concrete Angular PWA workshop co-presented with Martinez and claims a write once run anywhere approach for progressive web apps, showing… | ||
| Get to Know the 2022 ng-conf Speakers | Michael Callaghan | 08m |
Conference segment pitches a concrete claim: slowing down and enunciating — summarized in the chapter titled Don't talk so fast — increases impact and recall… | ||
| nothing matches | ||