JSWorld Conference 2021
2021-02-22..2021-02-27
-- online --
[JSWorld Conference 2021, JSWorld Conference USA 2021, JSWorld Conference 2022, JSWORLD Conference 2022 Online, JSworld Conference 2023, JSWorld Conference 2024]
who it's for
frontend developers, React developers, Angular developers, full stack developers, frontend architects, devops engineers, QA engineers
topics
Next.js headless e-commerce; Jamstack at scale; micro frontends with Module Federation; TypeScript for APIs; TypeScript and GraphQL; React component APIs with TypeScript; serverless with GraphQL; containerized SPA and API deployments; Fastify introduction; design systems 101; visual testing and automation
| title | author | length |
|---|---|---|
| The post-Jamstack world and the rise of Hybrid Frameworks | Guillermo Rauch | 31m |
Claims that the web is “in jeopardy” get backed by specifics: an example pushes first meaningful paint from 14s to 2.9s simply by removing third‑party scripts… | ||
| Static eCommerce JAMstack | Tim Benniks, Ishan Anand, Belen Curcio, Filip Rakowski | 52m |
Panelists debate whether static JAMstack actually scales for big eCommerce and offer concrete fixes: use Next for incremental static regeneration, push… | ||
| Sky’s the limit: Headless eCommerce with Next.js | Lisi Linhart | 23m |
Connects the Next.js Commerce starter to Storyblok and BigCommerce to build a working Unicorn Dash storefront that editors can visually edit while products… | ||
| Your Tests Lack Vision: Adding Eyes to Your Automation Framework | Angie Jones | 21m |
Claims that DOM-based automation misses visual regressions and that Applitools Eyes fixes that by taking screenshots and using ML to compare them rather than… | ||
| TypeScript for APIs | Josh Goldberg | 33m |
TypeScript powers definition files (.d.ts) that give JavaScript packages real editor intellisense (VS Code uses them even for plain JS), and community types… | ||
| Federated Angular: Micro Frontends with Module Federation | Manfred Steyer | 30m |
Module Federation with Webpack 5 loads separately compiled Angular apps at runtime so a shell pulls a remote entry and exposes modules; demo shows a shell +… | ||
| Implementing a test suite in an existing Frontend application | Mirjam Bäuerlein | 26m |
Legacy frontend with ~40,000 LOC, ~290 JS files and ~240 React components gets a test runner and CI hooks, keeps existing Selenium end‑to‑end suite but speeds… | ||
| Building Considerate React Component APIs with TypeScript | Daria Caraway | 28m |
A small web app called Barkpark gets ported to TypeScript and component APIs get tightened: vague props like input1 become explicit headerText/bodyText… | ||
| Emoji Encoding | Naomi Meyer | 28m |
Explains why '👩🏿🎤'.length = 7 by breaking it into two UTF‑16 surrogate pairs for each astral emoji plus skin‑tone modifiers and zero width joiner glue and… | ||
| Tech Snacks | Gift Egwuenu | 14m |
Short bursts that name concrete wins and tools: shows six lines of CSS grid using mandatory layout to get masonry without JS, demonstrates the :is selector to… | ||
| Design from the realm of open-source | Shodipo Ayomide | 24m |
Designers face two concrete barriers: repos lack a designer section in README and workflows assume code-first setup. The actionable fixes are specific — open a… | ||
| Headless CMS | well gift | 42m |
Claims: open source self‑hosting CMS with plugin hooks (strappy), a visual component blocks composer for nested content and marketing-friendly previews… | ||
| No-Code with No-Hype | Guilherme de Souza | 39m |
Argues that no-code is real not hype and cites 0,02% of users can code and ~26.4M developers versus 4.6B users to show the gap, demonstrates a working Next… | ||
| Building a sustainable e-commerce platform with Shopware | Paolo Mioni, Emanuele Bottaro | 27m |
Project uses Shopware PWA with Next SSR and composition API, and claims a working site built from about 20 plugins plus many custom components. Front end is… | ||
| Daria Caraway at JSworld Conference about TypeScript | Daria Caraway | 19m |
TypeScript can make React component APIs considerate for developers by using concrete patterns not platitudes: demonstrating generic constraints (e g T extends… | ||
| TypeScript and GraphQ | Roy Derks | 52m |
A 50 minute workshop that shows a working Express GraphQL server plus a React front end wired with TypeScript, starting with plain graphql-request then moving… | ||
| Advanced TypeScript | Harijs Deksnis | 01h 33m |
Workshop covers practical TypeScript mechanics and outcomes: Conditional types with infer used to filter unions, Generics that track selected fields through a… | ||
| Full Stack Cloud with Node.js, Tailwind and AWS | Nader Dabit | 56m |
Builds a working Next.js app wired to AWS via the Amplify CLI and Amplify JS libraries, creating a multi-user blogging platform with a markdown editor and… | ||
| The Modern DXP | Tim Benniks | 25m |
Claim: every site has a DXP and moving to JAMstack removes the single origin bottleneck. Concrete stack notes: Cloudflare CDN and edge workers, Azure CI… | ||
| Micro-frontends: a migration story on the Edge | Max Gallo | 33m |
DAZN migrates a monolithic frontend to micro-frontends worldwide with more than 100 people and ~200–300 engineers involved, using AWS Lambda@Edge, CloudFront… | ||
| Building Considerate React Component APIs with TypeScript | Daria Caraway | 28m |
TypeScript gets used as a communication tool, not just a bug checker: prop names get clearer (rename input1 to headerText), loose types become specific (array… | ||
| When you think there is no time for learning | Eleftheria Batsou | 38m |
Starts with 100 days of code — one hour a day, code pushed to GitHub, and a visible contribution grid. Adds a 50-day daily css images streak to master… | ||
| Dungeons, Dragons, and Graph Databases | Guy Royse | 31m |
Compares concrete SQL vs Cypher queries, shows exact statements for create read update delete and for variable‑length path matching, and demonstrates a working… | ||
| An introduction to Next.js and what's to come in 2021 | Tim Neutkens | 27m |
Next.js presents concrete claims and tools: file-system routing with automatic code-splitting, data APIs like getStaticProps and getServerSideProps, and… | ||
| The Rule of Least Power #ROLP | Jason Yu | 18m |
Argues for picking the least-powerful way that still solves the problem and shows concrete swaps: JSON instead of executable JavaScript for data, string… | ||
| Federated Angular: Micro Frontends with Module Federation | Manfred Steyer | 30m |
Claim: Webpack 5 Module Federation lets separately compiled Angular apps load at runtime and share libraries so Angular itself loads only once. Uses an ng add… | ||
| Composable components using React Context | Danail Hadjiatanasov | 30m |
Shows a concrete implementation: a tabs component that uses tabs provider composable API and builds both a default copy‑paste version and a custom composable… | ||
| Third Age of Javascript | Shawn Swyx Wang | 29m |
Claim: the Third Age centers on ES Modules and polyglot tooling not the topic of modules alone. Evidence: esmodule usage triples to ~3.5% in 2020, node 10… | ||
| 7 recipes with Angular and RxJS | Lamis Chebbi | 44m |
Seven concrete recipes for Angular + RxJS that claim to solve common reactive problems with minimal code including a bulk file upload implemented with forkJoin… | ||
| The modern DXP | Tim Benniks | 25m |
Argues that modern DXPs drop a single origin and instead compose best‑of‑breed services (Contentful, Cloudinary, CommerceTools, Cloudflare) stitched via… | ||
| JavaScript/Web tooling now and tomorrow | Christian Heilmann | 35m |
Demonstrates concrete tooling and results: webhint runs as an npm/CI checker and surfaces 244 issues in the browser Issues panel, with fixes and links; linting… | ||
| Rethinking Cross-Platform | Mike Hartington | 27m |
Claims that Capacitor lets one codebase run on iOS Android and web with real native features backed by native toolchains and web fallbacks For example a demo… | ||
| Containerized Deployments for your SPA and API | Rob Richardson | 31m |
Uses Vue CLI and dotnet CLI to build a simple weather-forecast SPA and API, then creates multi-stage Dockerfiles (Node+nginx for the front end, ASP.NET runtime… | ||
| Create an Application Backend in Clicks with the Amplify Admin UI | Ali Spitel | 21m |
AWS Amplify Admin UI claims you can build and deploy a full-stack backend in minutes and actually shows it: a schema visually becomes generated code, local… | ||
| How to deploy your app rapidly | Mohamed Habib | 17m |
Compares Firebase Vercel Heroku and Netlify by concrete tradeoffs: vendor lock-in with Firebase and Heroku databases, front ends on Vercel/Netlify and back… | ||
| The Cost of a Bad Code and Pipelines | Austin Akers | 27m |
Bad code shows up as unreadable variables and magic numbers in loops, pipelines waste time by rebuilding unchanged assets and running slow CI (examples: builds… | ||
| Security is not a Feature! | Ignacio Anaya | 29m |
Front-end developers must stop delegating security and treat it as engineering: implement Let's Encrypt for HTTPS, run dependency audits (dependabot / Snyk… | ||
| Build a social network with Serverless and GraphQL | Yan Cui | 33m |
Claim: a working social network for university students is Built in 4 weeks using AppSync, Lambda, Algolia and Cognito with a three‑engineer effort and… | ||
| Developer Experience: Your documentation deserves more love! | Michiel Mulders | 14m |
Claims that docs are productized: Humanitech positions an IDP as the fastest way to create an internal developer platform, and users abandon products fast… | ||
| Introduction to Fastify | Matteo Colina | 28m |
Fastify claims one of the fastest Node.js frameworks with an 89% satisfaction rating and ~800,000 downloads and shows concrete choices: AJV for validation… | ||
| Decoding the Code Premiere | Marc Backes | 28m |
Premiere of Decoding the Code outlines a weekly interview show that tests claims with concrete details: a guest who has been learning to code for five years… | ||
| Micro Frontends: The Good, the Bad, and the Ugly | Vanessa Otto | 31m |
A greenfield online-shop is rebuilt with micro-frontends deployed to separate URLs using Vue.js + Vue Server Renderer Plugin, UI pieces as web components and… | ||
| Magic Authentication, The Missing LEGO Piece | Sean Li | 13m |
Argues that Magic provides plug‑and‑play passwordless auth for Jamstack apps with concrete tech: a client‑side keypair stored in an iframe, an SDK that issues… | ||
| Jamstack at Scale | Ishan Anand | 29m |
Jamstack struggles with build friction once sites hit tens of thousands of pages (REVOLVE 40,000 SKUs, Staples ~200,000, some catalogs >1,000,000) and frequent… | ||
| Solutions at Scale | Belen Curcio | 38m |
Argues that a hybrid JAMstack plus server approach beats monolithic servers for resilience, using Next.js, GraphQL (Apollo/Relay) and Vercel to move… | ||
| The Art of Front-end Architecture | Adrià Fontcuberta | 30m |
Argues for organizing front-end around business rules with a concrete five‑layer layout: domain, use cases, infrastructure, adapter layer, UI that enforces the… | ||
| Third Piece of the Frontend Pie: CSS | Negar Jamalifard | 34m |
Shows concrete rules: a margin-on-paragraph vs padding-on-container decision that avoids future rewrites, a working checkbox using :checked + sibling selector… | ||
| Design Systems 101 | Miriam Gonzalez | 23m |
Defines a design system as a single source of truth that turns style docs into living components, and recommends implementing it when product and team scale… | ||
| Ignoring Imposter Syndrome | Ikram Babs-Lawal | 18m |
At only 12 years old Ikram will be given the Talent Stage! Already achieving amazing things!
Ikram is a Frontend Developer from Nigeria. She is passionate and… | ||
| nothing matches | ||