ReactEurope 2020
2020-05-14..2020-05-15
Paris, France
[ReactEurope 2015, ReactEurope 2016, ReactEurope 2017, ReactEurope 2018, ReactEurope 2020]
who it's for
React developers, frontend engineers, React Native developers, full stack developers, design system engineers, tooling and devtools engineers, game and graphics engineers
topics
Recoil state management; React and WebGL; Next.js 9.4 features; Gatsby roadmap; canvas drawing techniques (Excalidraw); tailwindCSS in React; design systems and accessibility; GraphQL infrastructure as code; Expo universal React and OTA updates; Relay concepts; JavaScript and WebAssembly; data sync for realtime and offline apps
| title | author | length |
|---|---|---|
| Recoil: State Management for Today's React | David McCabe | 34m |
Claims a small library extracted from Facebook's Comparison View that replaces hoisted state with atoms (per-item subscribable state) and selectors (pure or… | ||
| Bringing webgl to react | Paul Henschel | 32m |
A React reconciler called react-three-fiber translates JSX into three.js instances so you declare scenes instead of writing imperative setup; a minimal proof… | ||
| The Latest in Next.js 9.4 | Tim Neutkens (@timneutkens) co-creator of Next.js | 46m |
Release notes and demos show concrete changes: Incremental Static Regeneration (beta) can generate pages on demand and revalidate in the background (demo uses… | ||
| Gatsby's roadmap and its future | Sid Chatterjee (@chatsidhartha) core-team gatsby | 50m |
Gatsby claims that large sites no longer need O(n) full rebuilds: incremental builds on Gatsby Cloud rebuild only changed pages (demo shows ~10s full build vs… | ||
| Excalidraw: Cool JS Tricks Behind the Scenes | Christopher Chedeau | 48m |
Excalidraw is a hand‑drawn diagram editor that ships concrete tricks: lines use rough points at 50% and 75% plus repeated bezier passes to fake sketchiness… | ||
| Render Props are Not Dead | Erik Rasmussen | 32m |
Argues that render props still win when the goal is injecting state inside JSX without forcing a whole-component rerender, shows converting HOC -> render props… | ||
| Rejecting bongo kittens, achieving 3D blooms, and other lessons learned | JOSH W COMEAU | 37m |
An editor is built with React and react-three-fiber, wrapping three.js for 3D and using selective bloom post‑processing to reproduce lights and glow; files and… | ||
| Beyond Responsive Design: Building Mobile-Optimized Websites in React | Alex Holachek | 23m |
Practical fixes and working tools: a top-level useTapActive hook applies a data-tap attribute with a 60–80ms delay to avoid accidental active styles while… | ||
| Transforming GraphQL: Full Stack Infrastructure as Code | Nader Dabit | 37m |
Shows how the GraphQL Transform library together with the amplify CLI generate full‑stack infrastructure as code: add @model @auth @connection and get CRUD… | ||
| Expo: Universal React | Evan Bacon | 35m |
Live demo shows an Expo project booting on iOS Android web and Electron at once and hot-reloads UI changes; CLI and Expo Client are used to run simulators and… | ||
| Building a Design Tool for React in React | Sanket Sahu | 27m |
BuilderX is a design tool written in React that ships a canvas editor with a right-side properties panel and live code output. It implements selection, drag… | ||
| Hijacking CSS with tailwindCSS | Horacio Herrera | 37m |
Claims that Tailwind is a productive utility‑first way to “hijack CSS” with concrete tooling: uses PostCSS + purge to remove unused classes, a VSCode class… | ||
| Design system and accessibility | Devon Govett | 33m |
Announces a reusable behavior layer called react-aria with separate state and behavior hooks (published alongside react-stately and react-spectrum), built over… | ||
| Flipper: The Extensible DevTool Platform for React Native | Michel Weststrate | 37m |
Flipper is Facebook’s extensible desktop devtool that now connects to React Native apps (React Native 0.62 ships with first‑class Flipper support) and to… | ||
| Detecting the unexpected in React applications | Nicolas Dubien | 28m |
Claim: randomizing event order finds UI race bugs that normal tests miss. Demonstration uses property based testing with the fast check scheduler to reorder… | ||
| Let’s Make Development Fast Again! | Ives van Hoorne | 41m |
Argues that development should feel instant: target 50 milliseconds recompilation by transforming only the changed file, sending that module to the browser… | ||
| Blitz.js & the Future of Fullstack | Brandon Bayer | 45m |
Claims a Rails‑like fullstack for React by building on Next.js and Prisma2 and adding an invisible data layer that compiles direct server function imports into… | ||
| Jamstack + React Native | Sebastien Lorber | 12m |
Shows how combining Gatsby and React Native can deliver the same content and UI to both web and mobile using a concrete toolchain: MDX for authoring, Expo for… | ||
| Relay Concepts | Sibelius Seraphini | 12m |
Relay claims the Relay compiler deduplicates fragments, generates Flow/TypeScript types and emits optimized GraphQL queries; the Relay Environment wires a… | ||
| Learn React Hooks By Building An Auth Based To Do App | Lukonde Mwila | 28m |
Builds an auth‑backed to‑do app using create‑react‑app with the TypeScript template and Bootstrap and reactstrap for styling and styled‑components for… | ||
| Gamedev on React + WebGL | Alexander Korotaev | 35m |
Argues that using PixiJS with react-pixi-fiber lets familiar React tooling and contexts drive game UI while offloading rendering; uses a viewport context for… | ||
| Scalability - React Native Architecture | Omri Bruchim | 39m |
Weeks splits a giant React Native app into an engine that holds the iOS and Android binaries and ~35+ JavaScript-only modules, letting teams ship JS… | ||
| State of React (animations) | John Adetutu | 31m |
React 16.8 hooks power a physics‑based animation stack: useSpring, useTrail, useTransition, useChain control per‑item springs, pass refs to animation… | ||
| How does Material-UI build components? | Olivier Tassinari | 38m |
Material-UI shows the autocomplete case study and says the initial implementation costs about 100 hours initial bet, uses analytics (npm downloads) to choose… | ||
| JavaScript ∩ WebAssembly | Tadeu Zagallo | 35m |
Content shows that JavaScriptCore reuses existing VM layers to run WebAssembly: the FTL/DFG pipeline gets a Wasm front end that emits B3 IR, the optimizer and… | ||
| Using Expo OTA Updates in your React Native app | Eric Samelson | 24m |
Demo shows pushing a bug fix via expo publish and users get the JavaScript change after closing and reopening the app; the claim is that expo-updates brings… | ||
| Data sync for realtime or offline apps with React and GraphQL | Richard Threlkeld | 01h 08m |
Explains a concrete system: Amplify/AppSync DataStore with GraphQL SDL modelgen, local adapters (IndexedDB, AsyncStorage), a sync engine that issues GraphQL… | ||
| nothing matches | ||