React Day Berlin 2019
2019-12-06
Berlin, Germany
[React Day Berlin 2017, React Day Berlin 2018, React Day Berlin 2019, React Day Berlin 2022, React Day Berlin 2023, React Day Berlin 2024]
who it's for
React developers, frontend engineers, React Native developers, accessibility engineers, performance engineers, technical leads, open source library authors, web platform engineers
topics
CSS-in-JS extraction and SSR; React performance profiling and windowing; IPFS peer-to-peer state syncing; Gatsby PWA and offline caching; React Native apps at scale; Accessibility testing with axe and Lighthouse; Hooks, Suspense and Firebase integration; Typed functional programming with fp-ts; Component-based navigation in React Native; Server-rendered React Native; React for command-line interfaces (Ink); Intl number and date formatting and RTL handling
| title | author | length |
|---|---|---|
| Opening | Eli Schutze | 11m |
Attendance grows from 300 to 800 attendees and the schedule splits into two tracks in West and East Halls with no formal Q&A but long breaks for chat; the… | ||
| See the Past, Present, and Future of CSS-in-JS | Max Stoiber | 28m |
Claims: CSS-in-JS produces automatic critical CSS out-of-the-box, eliminates dead CSS and class collisions, and makes styles a function of state; tools… | ||
| Compassion-Driven Development: Building Accessible React UI | Tae’lur Alexis | 27m |
Shows how axe Chrome extension and Lighthouse audits find concrete failures (demonstrated on Netflix, Beyoncé site with ~139 violations, and Udemy with none)… | ||
| Performance Anxiety with React: Track and increase speed of your apps | Jessica Leach | 20m |
Shows measurable wins: using react memo and PureComponent cuts commit time from 0.8s to 0.5s and render from 7.9ms to 1.1ms on the example table app. Walks… | ||
| Decentralized React states - using IPFS to sync, store, and recover state | Andrew Hill | 31m |
Claims that React apps can be offline‑first and peer‑to‑peer by using IPFS + libp2p + IPLD to content‑address assets and exchange encrypted updates, and… | ||
| Make apps for a global audience - Naomi Meyer | Data Visualizations | 29m |
Shows concrete fixes: using Intl.NumberFormat with notation: "compact" to replace buggy K suffixes (demoed on Gapminder), applying dateTimeFormat ranges and… | ||
| Performant Websites for All- How to Build Fast, Inclusive Applications using Gatsby | Portia Burton | 07m |
Builds an e‑commerce PWA called shop waka with Gatsby, adds gatsby-plugin-manifest and gatsby-plugin-offline for caching and offline support, and runs… | ||
| React Is Fiction | Jenn Creighton | 24m |
Argues that creative-writing rules map to component design and shows concrete changes: a navbar example moves from an isLoggedIn prop with conditional… | ||
| Testing Is All About Principles | Alex Lobera | 29m |
Claim: testing succeeds when principles beat tool arguments. Shows a small Messenger‑like app, writes unit, integration and higher‑level tests with Enzyme and… | ||
| UI as API | Narendra Shetty | 18m |
For backend services having a flexible API is a common practice that allows you to combine them with different APIs as if they were LEGO blocks and solve… | ||
| Build Modern React apps with Hooks, Suspense, Context, and Firebase | Jeff Huleatt | 30m |
Builds a live voting web app called React Roads using Firebase and the uploader's ReactFire library, wiring Hooks, Context and experimental Suspense so… | ||
| How Many Ways to Say I'm Sorry, Error Handling in React | Jesse Martin | 31m |
Shows concrete claims and tools: using error boundaries (static getDerivedStateFromError vs componentDidCatch) plus try/catch, promise.catch, and type checking… | ||
| Build it Once with Expo for Web: Create PWAs with cutting-edge browser functionality | Evan Bacon | 26m |
Demo shows Expo for Web running a single codebase as a PWA, native iOS/Android app, Electron desktop app and in the browser, including a live camera in the… | ||
| Component based Navigation in React Native | Satyajit Sahoo, Michał Osadnik | 26m |
A ground-up rewrite of React Navigation delivers a component-based API so navigation config lives inside render, making initialRouteName and conditional… | ||
| From Native to React Native | Greg Ryzhov | 07m |
An existing mobile app is rebuilt from scratch in React Native, keeping the backend API initially but discovering API changes must happen earlier with mobile… | ||
| Strong RESTful Contracts in a GraphQL world | Tejas Kumar | 28m |
Claim: REST can get GraphQL-like guarantees by generating types and hooks from OpenAPI. Uses TypeScript, OpenAPI/Swagger and a restful-react CLI that… | ||
| ReasonML for Skeptics | Eric Schaefer | 27m |
ReasonML claims to cut the common “cannot read property of undefined” crashes by adding a sound Hindley‑Milner type system to real JavaScript apps and shows… | ||
| React Native At Wix: Building an App for 150 Million Users | Omri Bruchim | 33m |
Claim: Wix builds a React Native app for 150 million users with an engine plus more than 35 modules, shipping engine binaries (iOS/Android) every 2–3 weeks… | ||
| Successful rapid prototyping with React Native | Perttu Lähteenlahti | 06m |
Claim: React Native is the fastest practical way to validate mobile product hypotheses by building three prototypes — sleep data views, coaching content, and a… | ||
| Building Webapps for everyone - a11y with React | Manjula Dube | 39m |
Covers concrete rules and tools: enforces WCAG AA, uses semantic HTML instead of div wrappers, and shows form patterns that actually work — labels tied to… | ||
| Parallel computing in ReactJS: Provide a pleasant user experience | Majid Hajian | 29m |
Uses Web Workers plus Comlink to offload a 3,000-item sort so the UI animation keeps running instead of freezing; builds a WebAssembly function with… | ||
| Exploring audio with React and SVGs: Create amazing audio projects | Elizabet Oliveira | 27m |
Concrete demos show SVGs inlined as React components and a workflow that uses SVG CLI + SVGO to convert and preserve IDs, with animation via Framer Motion /… | ||
| Microinteractions & Animations in React Native: Help users understand the UI | Catalin Miron | 30m |
Concrete claims, code and results decide: demos include a dating app, swipe cards, seat selection and a morphing feedback form, with links to each repo… | ||
| Event-Driven Bluetooth Handling in React Native: Which library should you choose? | Martin Heller | 19m |
Concrete steps and working code for Bluetooth Low Energy in React Native using react-native-ble-plx: monitor adapter state, filter for powered on… | ||
| Server Rendered React Native | Wojtek Czekalski | 30m |
Project named nars lets React Native components run on Node and send view trees to a mobile client; a TypeScript-typed config plus protobuf bridge serializes… | ||
| Apify SDK - The scalable web crawling and scraping library for JavaScript | Vratislav Bartonicek | 06m |
A demonstration of Apify SDK shows a concrete, working crawler: Node code under 100 lines uses Puppeteer or plain HTTP to control Chromium, enqueue requests… | ||
| React for Command-Line Interfaces! (feat. Ink) | Xiaoru Li | 05m |
Demos show a working pipeline that renders React components as terminal output using Ink custom renderer and emits ANSI codes so text styling and cursor moves… | ||
| Print-friendliness - Why should you care? | Judith Hartmann | 06m |
Fixed-position UI prints on every page and can obliterate content so remove or hide those elements with @media print and a no-print class. Replace useless… | ||
| Typed Functional Programming in TypeScript with fp-ts | Robin Pokorny | 07m |
Claims that fp-ts plus io-ts and monocle actually produce branded types so a string becomes a compile time Email after passing a decoder, not just a runtime… | ||
| Empowering your React application with types using flow | Olena Sovyn | 06m |
Flow integrates into existing React codebases incrementally and shows concrete wins: unused props surface, renaming a prop type reveals all call sites, and… | ||
| Building Blockchain Applications with JS | Sam Abbassi | 06m |
Concrete demos show the Algorand JS SDK generating accounts signing transactions and using client wrappers to send and query the chain the implementation uses… | ||
| Figma to React: Efficient Delivery Design to the Code | Zar Zakharov | 09m |
A working pipeline reads a Figma file by Figma API file key → JSON nodes, drills into frames and children by node IDs, requests exported assets (SVG/PNG) and… | ||
| A Dentist Turned Software Developer: How to switch careers | Meghna Srivastava | 07m |
A self-taught switch story that claims landing a frontend role is practical: learns HTML CSS JavaScript and React, Redux, TypeScript, builds many small… | ||
| HobbyTrack: Technical Diving | Vladimir Novick | 09m |
Starts from beginner courses then explains physics—Boyle and Dalton—gives concrete safety numbers, gas mixes and why oxygen partial pressure matters (watch for… | ||
| HobbyTrack: FPV Drone Racing, a Virtual Adrenaline Kick? | Noah Waldner | 05m |
Shows a working React Native prototype called HobbyTrack that wires FPV video into a browser interface and records lap data with a local storage engine and… | ||
| HobbyTrack: Making a tiny videogame with Arduino | Henrique Müller | 05m |
Build detail: a playable tiny console built on Arduino tiny console with a small bitmap screen driven by bitmap display via hex arrays, CAD modelled and 3D… | ||
| HobbyTrack: Fashion and Tech: can these live together? | Galina Prokofeva | 04m |
# HobbyTrack: Fashion and Tech: can these live together? Subscribe to our channel to see more React (Native) talks: | ||
| HobbyTrack: How to perform live trippy visuals with WebGL | Alex Kempton | 05m |
A live audiovisual tool built in React and three.js lets code-made sketches become performable scenes with every parameter exposed to MIDI learn knobs, LFOs or… | ||
| Goober, a less than 1KB css-in-js solution | Cristian Bote | 06m |
Goober claims a full CSS-in-JS API in less than 1KB, hashing style input into class names and generating real CSS from a tiny parser that falls back to regex… | ||
| Handling time in React | Peter Juras | 09m |
A small library that gives React hooks to sync UI to the wall clock and to one‑off timers, claiming useTime and useCountdown hooks, configurable intervals… | ||
| How we have built a Node.js Registry with React | Juan Picado | 05m |
A Node.js package registry UI is rebuilt and maintained with concrete choices: migrated from jQuery to React to make contributions simpler; uses TypeScript… | ||
| Frontend Application Bundles | Glen Maddern | 07m |
A container format called fab packages a build as a zip with a webpack-generated server.js plus an immutable asset directory so a single artifact can deploy… | ||
| Closing | 05m | |
Announces a group photo with speakers staff and volunteers, organizes a crowd wave and counts off “one two three” for synchronized smiles, calls out… | ||
| nothing matches | ||