CityJS Berlin 2024
as the organisers put it
City of Berlin Conference, covering JavaScript, Angular, React, Node.js, Vue.js, Web Development & Architecture and more!
| title | author | length |
|---|---|---|
| Centering DIVs in new and exciting wrong ways with AI? | Christian Heilmann | 25m |
Argues that AI automates boring front‑end work but does not replace experts who understand accessibility, performance, security and cross‑device failures… | ||
| What You’ll Love about Vue in 2024 | Alex Kyriakidis | 26m |
Vue 3 adoption triples downloads year‑over‑year (January 2023 vs 2022) and powers over 4 million sites; the ecosystem now standardizes on Nuxt 3 with SSR and… | ||
| Funky Hardware Beats: The Story of dance-mat.js | Ramón Huidobro | 28m |
A Dance Dance Revolution controller is built from a Raspberry Pi Zero, Bare Conductive paint and a Pi Cap, a rolled-up yoga mat and Node.js, wired to appear to… | ||
| Understanding Rendering Patterns | Atila Fassina | 21m |
Compares React’s virtual DOM and reconciliation with fine‑grained signals update without re-rendering; shows two live counter demos where React causes extra… | ||
| Nuxt.js - Just Vue and a bit of magic? | Alexander Lichter | 18m |
Nuxt 3 is presented as a Vue 3 meta-framework that builds a tiny app, adds a Nitro API endpoint that returns "CityJS Berlin", fetches it with useFetch and… | ||
| One-Build Tool For All Your Needs | Santosh Yadav | 28m |
Claim: Nx plus Nx Cloud replaces many separate build setups by handling frontends and backends in one workspace, supporting Angular React Vue Next .NET Spring… | ||
| How not(!) to build real-time apps | Nikolas Burk | 14m |
Compares three backend event sources and claims Change Data Capture is the most elegant and robust because it removes the dual-write problem: app-level updates… | ||
| DIYing My Wedding The Hacker’s Way | Kevin Lewis | 10m |
Developer skills turn wedding planning into a set of small projects: a Directus-backed RSVP system with custom invite URLs that creates plus‑one records… | ||
| An architectural pattern on Ui library workflows with Storybook and Azure | Rodney Wormsbecher | 28m |
Builds a tiny Storybook UI library (a single button), compiles and publishes it to npm via a token-based workflow, and consumes the package from a separate… | ||
| TypeScript Patterns for Better React Components | Glenn Reyes | 15m |
Explains concrete TypeScript solutions for React: use discriminated unions or string literal unions instead of Boolean props, prefer string literals over enums… | ||
| Database Guardrails - New Age for Developers and Databases | Adam Furmanek | 22m |
Argues that developers must own their databases by catching bad SQL before deploy, using OpenTelemetry to capture traces and database EXPLAIN plans to compare… | ||
| Creating a WebXR Tic-Tac-Toe game without using any Virtual & Augmented Reality tools | Dwane Hemmings | 22m |
Created a WebXR Tic‑Tac‑Toe in about a week that uses model-viewer for AR placement, hotspots for tap interaction, and Vonage APIs for real-time sync and voice… | ||
| All things Astro | Elian van Cutsem | 10m |
Overview of Astro 3’s concrete wins: shows view transitions implemented in two lines of code, adds edge middleware and image optimization via a new picture… | ||
| Going Beyond Passwords: The Future of User Authentication | Gift Egwuenu | 17m |
Passwords often fail: a cited Verizon report claims 84% of breaches from weak or stolen passwords, and LastPass’s December 2022 breach shows password managers… | ||
| Monsters of Web Performance | Jamund Ferguson | 21m |
Finds a 9 MB JS bundle containing a 7 MB SVG flags payload and replaces it with dynamic import splitting to reduce initial download, saving about 700… | ||
| From Bias to Belonging: Creating inclusive Tech Communities | Arisa Fukuzaki, Josefine Schaefer | 31m |
Practical steps to spot and reduce unconscious bias, backed by live data and hands‑on practice: the session runs QR-code live polls that collect anonymous… | ||
| Gateway to React: the react.dev story | Rachel Nabors | 18m |
A pandemic-era rebuild of react.dev replaces class-first docs with a functional, visual-first curriculum and 600 interactive examples, plus in-page challenges… | ||
| Getting up to Speed with JS Today | Tejas Kumar | 31m |
Shows why using a framework solves server-fetching, rendering and edge deployment pain by demoing an Express server that uses renderToPipeableStream to… | ||
| Exploring React 18's Streaming Capabilities with Suspense for SSR | Rene Eichhorn | 18m |
React 18’s server streaming uses the new react.use promise API to pause rendering until data arrives, and Suspense boundaries with Suspense fallback… | ||
| Building a Multi-modal AI Application in TypeScript using ModelFusion | Lars Grammel | 18m |
A TypeScript kids‑story app built with ModelFusion turns speech into a full audio story with images and multi‑voice narration, using Whisper for 1.5s… | ||
| How to build an adaptive web app | Medhat Dawoud | 28m |
Shows how to measure real user data (RUM) instead of trusting Lighthouse, then adapt the app by switching assets and behavior: use deviceMemory API and… | ||
| Lessons Learned from Crafting a Thriving Vue.js SaaS Behemoth | Abdelrahman Awad | 25m |
A Vue 3 SaaS stack forces the composition API at compile time and runs with 700 components organized by descriptive names so most components are five liners… | ||
| Create, Run and Deploy end-to-end tests with Playwright and GitHub Actions | Debbie O'Brien | 10m |
Demos Playwright writing a browser E2E that searches a site, adds two Xbox controllers, removes one, then changes an assertion so the test fails then passes… | ||
| nothing matches | ||