Conf42 JavaScript 2023
2023-11-16
-- online --
[Conf42 JavaScript 2020, Conf42 JavaScript 2022, Conf42 JavaScript 2023, Conf42 JavaScript 2025]
who it's for
frontend developers, React developers, Node.js developers, full-stack developers, frontend architects, web accessibility engineers, web3 developers
topics
React Server Components; webpack 5 module federation; single-spa microfrontends; WebGL to WebGPU migration; Playwright and axe-core accessibility testing; yjs CRDT real-time collaboration; Opal Cedar policy sidecar authorization; Node.js event loop phases; JavaScript heap analysis and memory leaks; Figma to AWS Amplify Figma-to-code workflow; multi-tenant REST APIs on serverless (Vercel/AWS Lambda); shadow DOM and component encapsulation
| title | author | length |
|---|---|---|
| Premiere | 21m | |
Twenty minutes of conference highlights that lists 30+ sessions with timestamps, links and short claims: a custom framework called cruded for fast shipping… | ||
| How to develop your APIs without a backend | Daniele Fontani, Daniele Ciulli | 29m |
A lightweight JavaScript library ~100 KB that creates a multi-tenant REST API for CRUD against document databases (Mongo Atlas), deployable to serverless… | ||
| Breaking the Monolith: A Comprehensive Guide to Code Splitting | Aleksandr Guzenko | |
Six concrete ways to split a monolith with tradeoffs and triggers: iframe embeds for simple modules, proxy (nginx) for framework migrations at the cost of… | ||
| Develop a Web3 webapp in Blockchain, with JS and Python | Cesar Cordero Rodriguez | 15m |
Step‑by‑step build of a Pi Network Web3 app using JavaScript frontend and Python (or PSP) backend with code in the Latinchain repo (Pi Hackathon 2021 winner)… | ||
| Easy mode for full-stack development with Figma & AWS Amplify | Arundeep Nagaraj | 20m |
Shows a Figma-to-code workflow using Figma-to-code plugin, AWS Amplify Studio and the Amplify UI React library to generate reusable React components from Figma… | ||
| Every Node.js app should have real-time collab features | Vladi Stevanovic | 22m |
Argues that Node.js apps gain retention and faster workflows by adding real‑time collaboration and demonstrates a concrete stack: yjs CRDT for state sync… | ||
| The Node.js Eventloop Fairytale | Lorenzo Pieri | 21m |
Clear, introductory walkthrough of the Node.js event loop that names the six phases (timers, pending callbacks, idle/prepare, poll, check, close), explains how… | ||
| Building Authorization with Node.js: Dos and Don’ts | Gabriel Manor-Liechtman | 43m |
Shows a concrete authorization microservice built with Opal and the Cedar policy language, using an Opal client as a sidecar decision agent that accepts… | ||
| AI Meets Node js With Crafting a Custom Sports Activity Service | Anton Kalik | 31m |
Node.js + Express service wires an OpenAI GPT-3.5-turbo completion into a Postgres-backed user model (Knex migrations), Redis session store, and simple… | ||
| React Server Components: A Deep Dive | Tejas Kumar | 39m |
Builds a small "my dog site" app and converts client-only pages into async server components, using Express and renderToString to serve a serialized React… | ||
| Battleship game | Andrey Makarov | 31m |
Builds a playable two‑player Battleship clone with a React front end, Express/socket.io server and a simple AI that picks random unknown cells or targets… | ||
| Scalable Multi-Tenant Frontend for an E-Commerce Platform | Guilherme Dalla Rosa | 43m |
Migrates a per-tenant AWS Fargate React stack to a single Next.js site on Vercel that identifies tenants by domain via a global tenant table and a middleware… | ||
| Creating videos... with React! | Alfonso Graziano | 13m |
React components render frames which Puppeteer captures as Puppeteer screenshots at 30 or 60 FPS, then FFmpeg stitches frames and audio into final files… | ||
| Why don’t browser dev tools understand your code? | Steven Schkolne | 32m |
Demo shows a working code‑aware dev tool for React that reads JSX and styles, instruments the app with an Envoy sidecar, parses components into an editable… | ||
| Web Accessibility testing with playwright.js & axe-core | Taslan A. Graham | 32m |
Demo integrates axe-core with playwright to run automated scans that output rule IDs, help URLs, the exact HTML line causing each violation, and an HTML… | ||
| Typesafe Client for Smart Contracts | Albert Groothedde | 33m |
A Kadena client that parses Pact contracts into generated TypeScript APIs, letting code call coin.transfer(account, months) with compile-time types, required… | ||
| Database Guardrails - new age for developers and databases | Adam Furmanek | 54m |
Shows concrete failures and fixes: a single aggregate query extracts ~300,000 rows and runs ~25 seconds until rewritten as several small queries; a CTE rewrite… | ||
| Analyze the JS Heap and detect Memory Leaks | Julian Jandl | 35m |
Shows how to find real leaks: use Chrome DevTools Memory tab to take a heap snapshot, inspect retain size and the retainers list to see what keeps objects… | ||
| Git submodules: we have monorepo at home | Vadim Tsaregorodtsev | 21m |
Argues that git submodules let small teams get monorepo-like benefits without full monorepo tooling by embedding shared repos as directories, using commands… | ||
| Skeleton Mammoth - solving the problem of Skeleton Loaders | Aleksandr Tkachenko | 20m |
A reusable library called Skeleton Mammoth provides pure CSS, no JS skeleton loaders that activate with a single class and two element classes (SM loading and… | ||
| Everything-as-Code: It's time to fix configurations | Peleg Porat | 18m |
Argues that treating configs as code removes drift and human errors and demonstrates it with the open source configu CLI, a CFG schema file and a simple… | ||
| The Role of Frontend Code in Reducing Carbon Emissions | Julia Ziebinska | 20m |
The web produces roughly 4% of global greenhouse gases, with an average page view emitting about 1.8 g CO2 and 250,000 pages published daily; cutting data… | ||
| Unlocking the Power of Shadow DOM | Ankit Gupta | 06m |
Defines Shadow DOM as encapsulation used by YouTube, Google Maps and Material UI and shows concrete code: uses attachShadow on a custom element, builds a… | ||
| Stop using JS for that: moving features from JS to CSS & HTML | Kilian Valkhof | 36m |
Shows concrete replacements for common JS widgets: a toggle built from a checkbox with appearance: none + :checked + :focus-visible, a datalist autosuggest and… | ||
| How the magic of open source helps our project | Daniel Espino García | 25m |
Concrete workflows for using open source: inspect node_modules and npm registry, trace a flaky image bug from fast-image down to SDAnimatedImageView, verify a… | ||
| Migration from WebGL to WebGPU | Dmitrii Ivashchenko | 24m |
Chrome 130 and recent engines already expose WebGPU so migrating means concrete API shifts not vague promises: shaders move from glsl to wgsl and can be… | ||
| Scaling an application without microfrontends | Maksim Zemskov | 38m |
Yandex Direct runs a frontend with several million lines of code and scales without microfrontends by imposing strict module boundaries, one-way imports and a… | ||
| We are all good with browsers made by others | Francesco Sciuti | 33m |
Explains how modern browsers use a multi‑process architecture (browser, render, network, GPU) and why rendering a single frame must fit a 10 millisecond budget… | ||
| Beyond the Basics: Securing JS Applications | Joshua Arvin Lat | 26m |
Code lets an attacker turn an innocuous math evaluator into a remote backdoor that writes a hello.txt then spawns a reverse shell to the attacker IP, enabling… | ||
| Road to Zero Lint Failures: Tackling Code Quality Challenges at Scale | Chris Ng | 33m |
Claim: lint failures drop from a ~7,000 peak to near zero by combining policy, tooling and people. Built a lint failure visualizer, a nightly checkup cron job… | ||
| APIs - Refactoring to Patterns | Gil Zilberfeld | 37m |
Starts from a single messy Next.js API that uses Mongoose and MongoDB and sends events with KafkaJS and refactors it into clear pieces: a ports and adapters… | ||
| The Remix Philosophy is not Just for Remix | Ken Snyder | 37m |
Argues Remix’s philosophy generalizes beyond the framework and demonstrates it by building a shopping-list app that uses routes, loader/action functions… | ||
| CMS and JAMstack: A Tale of Innovation in Web Development | Juan Felipe Gomez | 12m |
Traces web history from static pages to LAMP to open source CMS and claims the real shift is headless CMS via API enabling one backend to serve smartwatches… | ||
| nothing matches | ||