Conf42 JavaScript 2022
2022-11-17
-- online --
[Conf42 JavaScript 2020, Conf42 JavaScript 2022, Conf42 JavaScript 2023, Conf42 JavaScript 2025]
who it's for
frontend developers, javascript developers, full stack developers, devops engineers, qa engineers, engineering managers
topics
Rollbar integrations for error monitoring; fingerprinted stack traces; Solid.js reactive primitives; visual regression testing with Applitools; serverless BFF on AWS; Next.js with Airtable; NestJS event-driven architecture; TypeScript with GraphQL; end-to-end testing with Cypress; frontend carbon auditing tools; Bolt.js Slack app development; CDK8s infrastructure as code
| title | author | length |
|---|---|---|
| Premiere | 25m | |
Conference opener that runs the schedule, sponsor plugs and a keynote about real-time error monitoring with Rollbar and concrete integrations Rollbar + GitHub… | ||
| Improving the process of debugging JavaScript errors | Finbar Fleming | 20m |
Production JavaScript errors get captured by an SDK that sends fingerprinted stack traces and page telemetry to a monitoring platform, enabling immediate… | ||
| Clean, Concise, Collaborative Code | Christopher Miller, Liz Kaufman | 39m |
Argues for concrete practices: break logic into tiny steps, pseudocode a calculator and catch the division pitfall, move from one giant app.js to separated… | ||
| Teaching JavaScript to the uninterested | Marcell Endrey | 26m |
Course decisions center on concrete choices and results: uses p5.js with p5.play sprites instead of Processing/Java to avoid types and braces, exposes students… | ||
| Internationalisation(i18n) & Localisation(l10n) | Mayank Kumar | 22m |
Explains concrete steps: extract strings to config as key/value files, translate per-locale and load based on user preference, and avoid concatenating… | ||
| Intro to Solid.js for React Developers (or anyone else) | Travis Waith-Mair | 18m |
Solid.js replaces a virtual DOM with createSignal/createEffect/createMemo primitives so components run once and updates are "surgically" applied to dependents… | ||
| Visually Testing Your Components | Andrew Knight | 26m |
A Storybook React app runs visual snapshots with Applitools Eyes via the simple CLI npx eyes storybook, which auto-discovers stories, establishes baselines… | ||
| Are promises our only choice? | Naty Rocha | 49m |
Promises have eager evaluation, errors type as any, and let you omit catches, so this demo switches to fpts Task and TaskEither to get lazy evaluation and… | ||
| Can you mitigate the carbon footprint of websites? | Katarzyna Wojdalska | 18m |
Claims that frontend code changes cut per-view CO2 from 4.6 g to ~0.2 g and annual emissions by -96% using a linter-style tool called ec0lint. Demonstrates… | ||
| Building Slack Applications with Bolt.js | Alba Rivas | 21m |
Ready to Fly is a working Slack app that creates, lists, approves and rejects travel requests stored in Salesforce and shows immediate Slack notifications when… | ||
| Translator Words App on Javascript | Anton Kalik | 34m |
A production translator-words app is implemented with React + Node + GraphQL (Apollo), Mongoose/MongoDB and Docker, deployed across MongoDB on AWS with three… | ||
| MeteorJS as a framework for hyper prompt development | Arman Murzabulatov | 39m |
Claims MeteorJS lets a small team go from zero to a working product in about a week and survive 4–5 month startup pivots by using a single JS stack. Demo shows… | ||
| Scalable event-driven applications with NestJS | Dmitry Khorev | 16m |
NestJS + Redis queues run in Docker with Make targets (make start, make monitor, start Step 1/Step 2) and a channel monitor that collects queue metrics so you… | ||
| Treat your users right with segmented rendering | Eric Burel | 27m |
Argues that authenticated or personalized pages can be served cheaply by prebuilding a small set of segment-specific pages instead of per-request SSR, using… | ||
| Build 0-cost invite-only website with Next.js & Airtable! | Luciano Mammino | 51m |
Builds a zero‑cost invite‑only site using Next.js front end, Next.js API routes, Airtable as the spreadsheet backend and Vercel+GitHub for free deployment… | ||
| Lyra: Disrupting the full-text search industry with JS | Michele Riva | 28m |
TypeScript full‑text search engine Lyra implements prefix trees, inverted indexes and B‑trees in pure JS, ships stemmers for 23 languages and a persistence… | ||
| Interactive command-line tutorials with WebAssembly | Robert Aboukhalil | 23m |
Sandbox.bio runs real C/C++ command line tools compiled to WebAssembly with emcc/Emscripten, so awk jq and GNU coreutils execute entirely in the browser with… | ||
| Web applications of the future with TypeScript and GraphQL | Roy Derks | 27m |
Shows how a GraphQL schema becomes TypeScript types using graphql-code-generator and a live demo that produces a generated file graphql.tsx with mapped scalar… | ||
| Implementing a performant URL parser from scratch | Yagiz Nizipli | 22m |
Reimplements Node.js URL state machine and parser, porting the original C++ design into Rust and WebAssembly and then into a pure JavaScript version released… | ||
| Algorithmically Generated Visual Designs | Michael Wehar | 12m |
A research codebase implements nine algorithms in JavaScript HTML canvas that draw lines and shapes via procedural steps with parameters exposed in a web UI… | ||
| Platform freedom with Micro-frontends | Saravana Balaji Srinivasan | 36m |
A new TypeScript framework called multiplying architecture packages micro-frontends as View + Envelope + Channel and uses envelope and envelope-bus to isolate… | ||
| Building Machine Learning-powered Applications with JS | Joshua Arvin Lat | 34m |
Claims that production ML apps run end-to-end in JavaScript, showing browser and on-device inference with TensorFlow.js and ONNX Runtime for Web, and cloud… | ||
| Build your own Svelte | Tan Li Hau | 48m |
Builds a tiny Svelte compiler end-to-end in ~40 minutes that turns app.svelte into app.js by parsing the template to an AST with a hand‑written parser, using… | ||
| JSDocs: It's like TypeScript but without all that TypeScript | Austin Gil | 23m |
Uses JSDoc plus the TypeScript language service to add real type checking without converting codebases to .ts; VS Code provides intellisense, and CI runs the… | ||
| Safer TypeScript | Serhii Bilyk | 38m |
Shows concrete TypeScript tricks and working utilities: uses TypeScript 4.8+ lowercase on string to reject uppercased literals, demonstrates inference… | ||
| How Serverless Is Changing the World for Developers | Gareth McCumskey | 25m |
Claims that the Serverless Framework plus JavaScript lets teams spin up and deploy production-ready apps to AWS in seconds while cutting costs. Demonstrates an… | ||
| Data analytics in browser with AlaSQL.JS | Gaurab Patra, Bhagyajit Jagdev | 11m |
Demonstrates using AlaSQL.JS as an in-memory SQL engine inside the browser to import CSV/Excel/SQLite/JSON, run compiled, indexed SQL queries, and export… | ||
| Learn BabylonJS to Create 3D Metaverse Environments | Griffin Solot-Kehl | 31m |
BabylonJS workflow shows live code in the browser playground and concrete APIs: use createScene with Vector3 cameras, meshBuilder and hemispheric lights… | ||
| Stop being a YAML engineer, be a software engr. with CDK8s | Robert Hoffmann | 35m |
Shows that using CDK8s (TypeScript, Python, Java, Go) replaces hand-written manifests with real code, can import CRDs, and uses the CLI + synth to emit vanilla… | ||
| Serverless Backend for Frontend on AWS | Roman Boiko | 28m |
Shows how to implement Backends for Frontends on AWS using concrete services and patterns and includes a live demo of developer setup, testing and deployment… | ||
| Gaining Confidence with Cypress Tests | Rob Richardson | 23m |
Shows concrete Cypress usage: install with npm install cypress and launch the IDE with npx cypress open, run headless across Chrome/Firefox/Edge, and scaffold… | ||
| The 5 developers’ principles that helped me as a new father | Ben Tlusty | 17m |
Five concrete dev rules applied to parenthood: follow SRP by splitting a user/location function into two; use the Boy Scout rule to rename vars and fix typos… | ||
| Remix party, you’re invited! | Dave Bitter | 49m |
Remix is used to build a real-time multi‑user scrum‑poker PWA: Remix + Tailwinds + Super Bass for persistence, native HTML forms upgraded with progressive… | ||
| Feedback and the REPL | James Diacono | 32m |
Argues that eliminating build/reload delays gives much faster feedback and fewer debugging rounds, then demos a working workflow: a VS Code plugin sends… | ||
| The changing API problem | Julio Cesar Abalde Reyes | 15m |
Claims an API‑first workflow using OpenAPI stops surprise breaking changes by generating code, mocks and CI checks. Built a Node.js CLI because Java tools were… | ||
| Development productivity in a post serverless world | Domenico Musto | 39m |
Story starts with a long-lived server and leads to two concrete patterns: platform-as-code where Pulumi’s TypeScript meta-programming infers AWS resources (API… | ||
| nothing matches | ||