Angular Connect 2018
2018-11-07..2018-11-09
London, United Kingdom
[AngularConnect 2017, Angular Connect 2018, AngularConnect 2019]
who it's for
Angular developers, frontend engineers, engineering managers, build and release engineers, QA engineers, full-stack developers
topics
Angular Ivy incremental compilation; ngUpgrade migration strategies; Angular Elements web components; Bazel builds and remote execution; RxJS schedulers deep dive; Cypress end-to-end testing; Angular Universal server rendering; Dynamic reactive forms with GraphQL; Angular Service Worker PWA; Change detection optimization techniques; Runtime i18n with Ivy; NestJS backend integration
| title | author | length |
|---|---|---|
| Keynote address | John Doe | 41m |
Claims that Angular lets teams write 10x less code and reports 600+ apps at Google with production use; tooling proves it: ng update and ng add automate… | ||
| VS Code Can Do That | John Papa | 30m |
Daily Insiders build shows feature-first demos: Command+Shift+P opens the command palette to run anything, breadcrumbs and snippets generate ngRx and lazy… | ||
| Automating UI development | Stefan Baumgartner, Katrin Freihofner | 25m |
Describes wiring Sketch and Angular into a workflow that extracts Sketch symbols into a component library, generates component properties and defaults, and… | ||
| How to save time & money by planning your ngUpgrade | Sam Julien | 20m |
A decision framework lays out concrete criteria — team size, sprint capacity, architecture health, dependency triage, build and test posture — to pick between… | ||
| RxJS schedulers in depth | Michael Hladky | 30m |
Claim: observables are not always synchronous and schedulers change when and where work runs. Shows concrete tools: animation-frames scheduler to smooth 60fps… | ||
| How to AI in JS? | Asim Hussain | 35m |
Demos include a Slack bot that replaces faces with emojis by POSTing images to Azure Cognitive Services Face API, a CodePen that classifies images locally… | ||
| The good, the bad and the ugly - Component architecture at scale | Ana Cidre, Sherry List | 27m |
A Jurassic Park adoption app gets refactored: remove direct HTTP from components into services, split UI into stateful versus stateless components, and replace… | ||
| You Might Not Need NgRx | Mike Ryan | 28m |
Concrete claims about when NgRx helps and when it hurts guide the decision The talk contrasts benefits — serializability, immutability, type safety and easier… | ||
| Universally speaking | Craig Spence | 31m |
Case study of moving a large Angular app (Trade Me) to server rendering: Node/Express server generated full HTML, CLI adds server module and serverTransition… | ||
| Upgrading to Angular without ngUpgrade | Erin Coughlan | 23m |
Upgrades happen one component at a time by packaging Angular components as Angular Elements, registering them with a tiny bridge called create-ng1-wrapper, and… | ||
| Optimize and debug change detection like a pro | Max NgWizard | 30m |
Explains exactly what change detection does under the hood: components map to views with per-binding old values, Angular runs bindings then a dev-mode recheck… | ||
| Why you need a build system, and why it should be Bazel | Martin Probst | 23m |
A real migration story: a codebase moves to TypeScript and a homegrown build is a 2,000-line gulp with 100 tasks and 400 dependencies, slow, non‑reproducible… | ||
| Nest the backend for your Angular application | Bo Vandersteene | 26m |
Claims that Nest lets an Angular team write back end code with the same terms and TypeScript tooling, integrates via shared module/provider contracts, and runs… | ||
| Testing Angular with Cypress.io | Joe Eames | 31m |
Cypress.io claims to replace Protractor/WebDriver by running as an Electron app that launches the browser, controls and intercepts XHR requests, and can mock… | ||
| The differences between ElementRef, TemplateRef, ViewContainerRef | Ashnita Bali, Marcin Ryzycki | 31m |
Explains when ElementRef vs TemplateRef vs ViewContainerRef actually produce DOM nodes and how to instantiate views and components at runtime using the… | ||
| Building an Angular PWA Angular Service Worker or Workbox? | Maxim Salnikov | 32m |
Clear comparison of two concrete workflows: one-line setup with Angular CLI that generates ngsw.json and copies ngsw-worker so an app goes offline in the demo… | ||
| Location based immersive experiences with Angular and WebXR | Ayşegül Yönet | 26m |
A reusable Angular component library that wires Geolocation + WebXR into a real mobile web AR experience, using ThreeJS and WebGL for rendering, Firebase… | ||
| Angular Testing In TDD - Writing a Feature Guided By a Responsible Maniac | Shai Reznik | 49m |
Live-coding shows a real feature: a matching quiz component for a LlamaDate site built with strict TDD and a custom test driver that replaces verbose TestBed… | ||
| Lightening Talk | Ashnita Bali, Darryl Brown, Mike Ryan, Stanimira Vlaeva | |
-- no description -- | ||
| The theory of Angular Ivy | Alex Rickabaugh | 41m |
Angular Ivy replaces View Engine with a new compiler/runtime that compiles decorators into static ngDef fields and emits an imperative instruction set so… | ||
| Angular Ivy by example | Jason Aden | 34m |
Demonstrations show Ivy actually produces clearer generated code, shorter stack traces and a new global ng.getComponent API for inspecting components at… | ||
| Automate G Suite with Apps Script and Angular | Grant Timmerman | 15m |
Shows a working Google Sheets add-on that pops a side panel with GitHub avatar and the top YouTube hit, sends mail with one-line GmailApp.sendMail, and queries… | ||
| Migrating from AngularJS to Angular | Elana Olson | 24m |
Shows concrete migration tools and rules of thumb: ngMigration Assistant (CLI that scans apps, lists files with AngularJS patterns, and produces a customized… | ||
| Dynamic reactive forms with GraphQL | Juan Stoppa | 23m |
A framework called formQL renders large enterprise forms from JSON stored on the server and uses reactive forms + GraphQL with an NgRx store and a dynamic… | ||
| Climbing up injector trees | Uri Shaked, Kapunahele Wong | 30m |
Live demo builds an Angular app in StackBlitz and shows that dependency lookup happens in two distinct trees: first the ElementInjector tree (component… | ||
| The life of an Angular pull request | Manu Murthy | 20m |
Angular treats a pull request as the unit of change and shows concrete process work: a new StackBlitz template for minimal reproductions, automated triage by a… | ||
| Architectures for huge Angular based enterprise applications npm Packages, Monorepos and Micro Apps | Manfred Steyer | 31m |
Compares three concrete architectures and shows working demos: publishing reusable code as npm packages using Angular CLI 6, keeping everything in a monorepo… | ||
| White-labeling & A/B testing with interchangeable components | Younes Jaaidi | 33m |
Architectures for white‑labeling, A/B testing and canary releases use interchangeable, loosely coupled Angular components and services wired by configuration… | ||
| The CLI Roadmap | Filipe Silva | 22m |
CLI v7 ships prompts, moves docs to angular.io, and reloads the reflect polyfill only for JIT builds saving about 20 kilobytes in production bundles… | ||
| It’s alive! Dino-mic components in Angular | Shmuela Jacobs | 33m |
Live demos show a dashboard that randomly instantiates dozens of widget components and confirms change detection and dependency injection work when components… | ||
| Runtime i18n with Ivy | Olivier Combe | 22m |
Moves Angular i18n from build-time to runtime translations using Ivy, producing component definitions that query and apply messages when views create. Promises… | ||
| Crossing Across Platforms | Sani Yusuf | 29m |
Shows a real enterprise healthcare app that uses Angular plus Ionic (or NativeScript) and Electron to produce web, mobile and desktop from one mono-repo… | ||
| nothing matches | ||