Frontend Love 2020
2020-10-01..2020-10-02
-- online --
[Frontend Developer Love 2018, Frontend Developer Love 2019, Frontend Love 2020]
who it's for
frontend developers, ui engineers, web platform engineers, quality assurance engineers, accessibility engineers, engineering managers, technical leads
topics
React Spring micro-interactions; TypeScript webpack configuration; continuous delivery and microservices; serverless with Lambda and API Gateway; cross-browser e2e testing with Playwright; Nuxt and Storybook workflow; Blazor compiled to WebAssembly; WebRTC browser audio streaming; practical SPA accessibility fixes; Svelte compiler-driven reactivity; AWS Amplify DataStore offline sync; GraphQL without a database
| title | author | length |
|---|---|---|
| Micro-interactions with React Spring | Emma Bostian | 22m |
Live coding shows React Spring driving micro‑interactions with actual code: a width‑animating progress bar and a slide‑down menu whose items stagger in and out… | ||
| How to Pack your Webpack | Johannes Ewald | 24m |
Shows how to use typescript webpack config and turn the config into a function that reads NODE_ENV so builds default to production, recommends Babel +… | ||
| How thinking small is changing software development big time | Sander Hoogendoorn | 29m |
Argues teams must ship single, tiny features daily and move from sprint batches to continuous delivery with automated unit and end-to-end tests so debugging… | ||
| Serverless gives you wings | Yan Cui | 24m |
Case study of moving a small social network from EC2 to serverless with migrated Yopo from EC2 to Lambda, replacing long deploys and 30‑minute downtime and… | ||
| Beats, Rhymes and Unit Tests | Tony Edwards | 32m |
Tony Edwards - Beats, Rhymes and Unit Tests Curating awesomeness with @FutureSyncConf & @FutureSyncSoft |Part of the @SwCornwall team Hip Hop and Unit Tests. A… | ||
| Modern Solutions for e2e testing | Anastasiia Dragich | 18m |
Compares concrete e2e tools and gives actionable tradeoffs: Selenium/WebDriver is mature for cross‑browser CI, Cypress is great for fast local dev and… | ||
| DX is the new black. Learnings from using Nuxt and Storybook at scale | Aurélie Violette | 27m |
Rebuild of a large e‑commerce front end uses Nuxt for SSR and Storybook as a component-driven workflow to boost performance and developer comfort. Team splits… | ||
| Blazor with WebAssembly | Don Wibier | 09m |
Shows a concrete demo: C# compiled to WebAssembly using the Mono runtime in-browser, running a Razor/Blazor app entirely client-side without plugins. Covers… | ||
| Audio Streaming - Using WebRTC for building your own Voice AIs | Lee Boonstra | 19m |
Shows a working prototype that streams browser mic audio to a Node back end, converts 44.1kHz→16kHz, sends chunks over sockets, runs Google Dialogflow and… | ||
| Practical A11Y for Web Apps | Bob Bijvoet | 23m |
Argues that single‑page apps must behave like real pages and demonstrates concrete fixes: use Lighthouse and aXe in CI, inspect Chrome DevTools Accessibility… | ||
| Svelte: the last framework we need? | Alexander Esselink | 24m |
Claims that Svelte compiles components to plain JavaScript and so has no virtual DOM, demonstrates compiler-driven compiled reactivity (reactive $: labels… | ||
| Refactor your life | Noer Paanakker, Sima Milli | 27m |
Claims a practical pathway from refugee to developer using a volunteer-run curriculum: a 7-month course focused on web development co-designed with industry… | ||
| GraphQL Without a Database | Roy Derks | 22m |
Shows how to wrap existing REST/OpenAPI endpoints into a single GraphQL endpoint using Node.js and TypeScript with Apollo Server and Apollo Client. Describes… | ||
| The Future of Real-time | Offline | Data | Nader Dabit | 29m |
Describes AWS Amplify’s client-side system that makes apps write once to a single local database and then sync to AppSync using GraphQL schemas; claims include… | ||
| The state of WebAssembly | Sendil Kumar N | 22m |
Argues WebAssembly gives near-native performance for number‑heavy code, with smaller binaries and streaming compilation that reduces load time; demonstrates… | ||
| nothing matches | ||