Reliable Web Summit 2021
2021-08-26..2021-08-27
-- online --
who it's for
frontend developers, angular developers, test engineers, web performance engineers, platform engineers, engineering managers
topics
pre-commit hooks with Husky; functional JavaScript patterns; Lighthouse LCP optimization; PerformanceObserver long task monitoring; incremental code health with Betterer; WCAG 2.1 accessibility auditing; Scully static pre-rendering; component harnesses for testing; module federation micro frontends; resilient serverless applications; TypeScript for testable code; Storybook for component maintenance
| title | author | length |
|---|---|---|
| Clean code is no longer a myth | Karan Balkar | 16m |
Argues that clean code is achievable by automating checks at commit time and making habits stick rather than preaching principles. Shows a working setup: Husky… | ||
| Maintainable JavaScript with Functional Patterns | Luis Fernando Alvarez | 53m |
Argues that swapping mutation-heavy for‑loops for map filter reduce and the spread operator yields smaller, testable functions, shows immutability with const… | ||
| Dear non-performant app | Nishu Goel | 16m |
Shows concrete fixes and outcomes: moves a Lighthouse LCP from 6.7s → 2–3s by inlining critical CSS with critters, inlining fonts, optimizing images with… | ||
| Keep Running at Runtime | Christoph Guttandin | 18m |
Long-running web apps suffer different problems than page load; runtime focus targets errors, long tasks, frame rate, memory and throttling. Implement global… | ||
| Betterer: Incremental Improvement | Craig Spence | 21m |
Claims an incremental, measurable migration workflow by turning code health into a fitness function and stores serialized fitness snapshots in the repo. Built… | ||
| Architecting for Accessibility | Martine Dowden | 41m |
Claims concrete steps: baseline against WCAG 2.1 AA, pick target browsers (Chrome+Safari ~82% market) and assistive tech to test with, and phase work into 0–4… | ||
| Climbing to the top of the Lighthouse with Scully | Robert Willemelis | 20m |
Rewrites an Angular site with Scully static pre-rendering, uses headless-browser prerendered routes plus transfer-state to avoid flicker, swaps large images to… | ||
| The Immutable Web | Stephen Fluin | 19m |
Shows how to ship a web app by writing smart contracts in Solidity, deploying to Ethereum and pinning assets on ipfs, using wallets like metamask and node… | ||
| Testable Architecture in Angular | Rainer Hahnekamp | 58m |
Live‑coding shows an Angular demo app using ngrx and an HTTP validator, and demonstrates concrete tests: a ~40‑line integration test mocks only HttpClient, a… | ||
| Testing with Component Harnesses for the Win | Alain Chautard | 28m |
Claim: component harnesses provide a stable, high‑level API that works for unit and end‑to‑end tests so tests stop leaking DOM selectors. The talk shows a… | ||
| The New Web | Stephen Fluin | 21m |
The web has shifted: static docs like the Chainlink documentation optimize for instant load and SEO while dynamic apps like the Angular update guide need… | ||
| 3L-C's- Three Level Components Technique | Aziz Yazit | 26m |
Claims a concrete technique called 3L-C's (Compounding Implementing Configuring) that balances abstraction with the Principle of Least Power by limiting… | ||
| Users Don't have to Suffer in the Cloud | Melissa Jurkoic | 23m |
Argues that a hub-and-spoke architecture lets enterprises change backend platforms without disrupting users, preserving database integrity while delivering… | ||
| Mindblowing Google PageSpeed Scores with Qwik | Miško Hevery | 38m |
Claims Qwik (from Builder.io) hits 100 Google PageSpeed scores by changing architecture: server renders HTML with listeners serialized into DOM so the client… | ||
| High-Performance Web UI with Web Components | Cory Rylan | 41m |
Library ships as ES2015 modules with multiple entry points and per-component register files and sets "sideEffects" in package.json to enable aggressive tree… | ||
| Content is King: How Contentful and CaaS are Changing | Aaron Ladage | 51m |
Claims that Contentful makes content scalable and reusable across channels and that disciplined content modeling is the linchpin. Concrete tools shown… | ||
| Autoscaling Apps without Supersizing Costs | Lara Newsom | 31m |
Cloud migration saves upfront maintenance but wastes money from misallocated resources; the talk gives concrete fixes: enforce comprehensive tagging and audit… | ||
| The Legend of Zelda, Hexagonal Architecture & You | Jonathan Turner | 48m |
A 2008 C# ASCII demake called Fable of Griselda gets ported to the browser using Blazor WebAssembly, keeping most core game logic intact because of a… | ||
| Adding a Second Pair of Eyes with Visual Testing | Colby Fayock | 23m |
Demo shows adding Cypress to existing tests then plugging in apple tools visual checks; running the suite surfaces a real z‑index bug that prevents clicking… | ||
| Building Resilient Serverless Applications | Yan Cui | 39m |
Explains concrete failure modes and fixes: Lambda + API Gateway give multi-AZ but hit a hard 29 second API Gateway timeout, DynamoDB supports DynamoDB global… | ||
| Gaining Confidence with Cypress Tests | Rob Richardson | 39m |
Cypress with TypeScript runs end-to-end tests inside a real browser (Electron/Chrome/Firefox/Edge; no Safari) and records screenshots and videos, runs… | ||
| Angular + Jest: Testing Titbits | Maria Korneeva | 25m |
Concrete recipes for Angular + Jest unit testing: shows how to spy on named imports to test pure functions, how to cast overload to a specific function type to… | ||
| Challenges in Building Micro Front Ends | Vishal Kumar | 01h 17m |
Shows a working demo that composes separately built front ends: a Next.js + Webpack Module Federation host that dynamically imports a remote header exposed as… | ||
| Good Code is a Balancing Act | Jonathan Warrington | 20m |
Argues that strict style rules break more than they help: a university 10-line limit forces fragmentation into tiny helpers rather than clarity, yet the real… | ||
| Develop from Anywhere with GitHub Codespaces | Brigit Murtaugh | 26m |
Live GitHub-hosted, containerized VS Code environments run a .NET Core 3.1 group-calling app end to end: spin a kitchen sink image, add a tailored… | ||
| MFEs , Micro-Frontends with Module Federation and Angular | Manfred Steyer | 31m |
Demonstrates a shell that lazy loads remotes via dynamic imports using Module Federation (Webpack 5), with remotes including a React app wrapped as a custom… | ||
| Innovations with FAST Web Components | Rob Eisenberg, David Rickard | 19m |
FAST builds on native web components and claims large real-world wins: experiments show 7x on desktop and 6x on mobile versus React, with paint ~70% faster… | ||
| A More Fluid Pyramid | Steve Upton | 33m |
Argues the pyramid should be fluid not prescriptive and shows concrete tradeoffs: an identical user-flow as an end-to-end with Cypress, a shallow unit render… | ||
| From Cobol to Node with DevOps | Alejandro Mercado Peña | 31m |
COBOL remains mission‑critical but suffers a developer shortage, so a customer experiment builds a node.js-COBOL bridge that exposes legacy functions as… | ||
| All the World's A Staging Server | Heidi Waterhouse | 27m |
Claim: maintaining an identical staging environment is impossible so teams staging is a lie and should instead deploy into production while hiding work with… | ||
| Crafting Reliable and Testable Code with TypeScript | Doguhan Uluca | 29m |
Shows concrete patterns and code: TypeScript + Swagger for self‑documenting APIs, a local weather app with a mocked service that returns 32 to prove unit test… | ||
| Achieving Zero Fronted Crashes in Production | Josh Goldberg | 38m |
Presents a concrete path to drive production front-end crashes toward roughly zero by combining static analysis, testing, monitoring and process changes. Uses… | ||
| Using Storybook to Maintain Components and RedwoodJS | Milecia McGregor | 30m |
RedwoodJS ships Storybook integration so a generated component already includes a .stories.js file and a test, and the demo uses the CLI commands yarn create… | ||
| Monitoring Your Apps is not About Devops | Iván Olivares Rojas | 21m |
Argues that monitoring belongs to the whole team not just DevOps and demonstrates it by instrumenting a Jamstack blog in the cloud, shipping telemetry… | ||
| The Effective Development - End (What) End | Shai Reznik | 27m |
Title claim: automated smoke tests covering a few critical journeys give the best ROI for developer end-to-end work. Concrete strategy: write a single 3am main… | ||
| From Horror Story to Fairy Tale: Writing Code | Michael Dowden | 45m |
Argues that developers spend 10:1 reading to writing and that clarity saves onboarding time and bugs; shows Daily WTF examples of bad dates, double negatives… | ||
| Blazor Stability Testing for Bullet Proof Application | Ed Charbeneau | 39m |
Blazor is presented as inherently testable and the claim is backed with concrete tooling and results: xUnit (noted as over a hundred million downloads), bUnit… | ||
| Level-up Your DevOps with GitHub Actions & Kubernetes | Rob Richardson | 38m |
Builds a .NET MVC site from scratch with net new scaffold, creates .dockerignore and a multi-stage Dockerfile that restores, builds, tests and publishes, then… | ||
| The Worlds Most Expensive React Component | Michael Chan | 29m |
A live code walkthrough starts with a tiny hello message component and adds a trailing punctuation prop, a salutation default, className spreading, an as prop… | ||
| Maintainable Styles- That's a Thing? | Alyssa Nicoll | 31m |
Claims that 90% semantic markup solves most accessibility, demonstrates using a label plus visually-hidden class instead of placeholder-only, shows aria label… | ||
| Reliability and Engineering Requirements | Giorgio Natili | 34m |
Makes reliability a measurable allocation problem: overall uptime is the product of component reliabilities, so design chooses equal, focused or achievability… | ||
| Azure Static Web Apps | Jon Papa, Dan Wahlin | 36m |
A small shopping site gets pushed from a GitHub repo through GitHub Actions to Azure Static Web Apps, the build runs, the site deploys and the CDN serves it… | ||
| Tools of Intentional Architectures | Dinesh Ramadoss | 29m |
Claims that relying on opinionated stacks like Angular and tools like Nx can produce accidental architectures unless architecture work is intentional and… | ||
| Reliable System + Azure Static Web Apps | Craig Shoemaker | 38m |
Simple volunteer UI posts JSON to an HTTP endpoint, that endpoint writes into a message queue, a background Azure Functions queue trigger reads each message… | ||
| Collaborative Code with Nx | Brandon Roberts | 20m |
Claims that Nx drives monorepos by building a live project graph and task graph, runs affected commands to retest only changed projects, and uses computation… | ||
| Knowing Your TCO (Total Cost of Ownership) | Owen Buckley | 35m |
Argues that cutting dependencies uncovers hidden liabilities beneath node_modules and reduces supply chain risk illustrated by left-pad and event-stream… | ||
| TDD - It's About More Than Just the Tests | Jonathan Turner | 48m |
Claim: test driven development is a design technique that produces simpler, more maintainable code rather than being just about tests. Demonstration uses C#… | ||
| nothing matches | ||