React Live 2019
as the organisers put it
React Live Conference is a unique opportunity to watch React & React Native experts Live Code on stage, working on a 500m2 screen. 10-15 Presentations from the World
who it's for
React developers, React Native developers, frontend engineers, mobile app engineers, engineering managers, UI designers
topics
design system tokens and theming; Framer Motion SVG animation; Gatsby with GraphQL; TypeScript-driven React Native CodeGen; Proxy-based MobX implementation; Microfrontends on Kubernetes; Next.js pages and APIs; React Profiler performance fixes; react-window virtualized lists; Hooks-based state management; Code splitting in React Native
| title | author | length |
|---|---|---|
| What goes into building a design system | Sid | 31m |
Live-coding a React component library in CodeSandbox, the talk shows building input components with emotion and style-system, extracting a central theme object… | ||
| Animating an SVG cat with React.js | Elizabet Oliveira | 27m |
Imports an SVG into a React app, runs SVGR CLI to optimize and convert it into GSX, replaces hardcoded colors with a color prop, and computes aspect ratio… | ||
| Build an iOS and Android app in 15 minutes using React Native | Jamon Holmgren | 32m |
Claims a full iOS and Android app emerges in 15 minutes using React Native and the Ignite/Bowser setup; actual tools shown are Ignite CLI, MobX State Tree with… | ||
| Navigating the Hype Driven Frontend Development World | Kitze Ristovski | 35m |
Claims that hooks boost team productivity but hooks are not a global state solution and require memoization to avoid excess renders; compares Redux (verbose)… | ||
| Microfrontends | David den Toom | 24m |
Case study of migrating a large Backbone/Java monolith to independent microfrontends that deliver real outcomes not platitudes: they split by domain, run each… | ||
| Live coding a Portfolio with Gatsby + GraphQL | Emma Bostian | 25m |
[React Live 2019] 6. Emma Bostian - Live coding a Portfolio with Gatsby + GraphQL Emma Wedekind: @EmmaWedekind Github Portfolios… | ||
| React Native CodeGen | Alexey Kureev | 24m |
Claims that a TypeScript/Flow-driven CodeGen produces a React Native schema used to generate Objective C protocols and Java classes and one-to-one GSI… | ||
| Reinventing MobX | Max Gallo | 27m |
Live-coded a minimal MobX: a Proxy‑based observable that records accessed keys, builds a simple derivation graph mapping keys to reactions, and triggers those… | ||
| Next level Coding | Tim Neutkens | 26m |
Live coding shows a real Next.js app: pages map to routes via the pages directory, server vs static rendering chosen per page with getInitialProps or static… | ||
| React Tune Up | Yoav Niran | 37m |
A demo app shows concrete fixes: measurement via React Profiler and a Cypress integration test that asserts interaction <16ms (real run drops from ~117ms to… | ||
| Code Splitting in React Native | Karan Thakkar | 29m |
[React Live 2019] 12. Karan Thakkar - Code Splitting in React Native Karan Thakkar: @geekykaran **React Live 2019 ** 806 Attendees 13 React Professionals… | ||
| State Management with React Hooks | Eric Bishard | 29m |
Claims that Hooks make state simpler than classes and demos that claim to prove it: a working todo app built with Kendo React components, local useState for… | ||
| nothing matches | ||