React Finland 2019
2019-04-24..2019-04-26
Helsinki, Finland
[React Finland 2018, React Finland 2019, React Finland 2020, React Finland 2021, React Finland 2022]
who it's for
React developers, frontend engineers, design systems engineers, UI/UX designers, mobile React Native engineers, engineering managers, QA and test engineers, community builders
topics
component behavior state machines; XState React hook analytics; append-only B-thread generators; design-system infrastructure pipelines; TypeScript for design systems; CI/CD for React Native with Fastlane; accessibility practices for React apps; Gatsby themes and component shadowing; FLIP animations with spring physics; scalable frontend architecture patterns; exploratory approval testing workflows; WebAssembly as a web platform
| title | author | length |
|---|---|---|
| MobX: The Journey | Michel Weststrate | 28m |
MobX is presented as a client-side state-management library for React that provides a simple reactive model to reduce boilerplate; it has wide adoption (about… | ||
| Append only development with React | Luca Matteis | 26m |
Claims that append-only development lets newly added code change old behavior by adding parallel B-threads (JavaScript function generators) that request wait… | ||
| Mind Reading with Adaptive and Intelligent UIs in React | David Khourshid | 25m |
Builds adaptive UIs as executable state machines, captures transition analytics, and uses XState React hook plus D3 visualizations to turn edge weights into… | ||
| Abstract component modeling in React | Farzad Yz | 13m |
Claims a practical method to extract component behaviour into a JSON state machine (SCXML-friendly) and use it to drive a headless React component for a volume… | ||
| A Common Design Language Let Designers and Developers talk to each other | Andrey Okonechnikov | 21m |
Argues that UI primitives — concrete, prop-driven components — become a shared language between design and code, implemented with React and tied to a live… | ||
| A Practical Guide to Building Your Design System Infrastructure | Varya Stepanova | 27m |
Shows how an actual design system site is built using React tooling to automate docs, testing and releases, and gives concrete recipes: use Storybook plugins… | ||
| CICD for React Native | Juha Linnanen | 27m |
Sets up a concrete CI/CD recipe for React Native: use CircleCI to run tests and trigger builds, Fastlane (with match) to sign and publish to Play internal test… | ||
| Intersection of Automation and Exploratory Testing | Maaret Pyhäjärvi | 23m |
Claims that exploratory testing drives what to automate and that automation is an invitation to explore; demonstrates using approval tests against a Java… | ||
| 12 Tips For More Accessible React Apps | Manuel Matuzović | 23m |
Title promises 12 but runtime forces a compact set of practical rules: document outlines, visible but screen-reader-only labels, correct semantics like use… | ||
| All aboard the type train | Kadi Kraman | 16m |
Compares actual tradeoffs: Flow is a static type checker that you opt into with // @flow and whose server sometimes spawns heavy processes, while TypeScript is… | ||
| Gatsby and Themes The Future of Gatsby | Dustin Schau | 20m |
Gatsby adds reusable, npm‑packageable site blocks called themes that are usable today behind the __experimentalThemes flag and wired from gatsby‑config as an… | ||
| Delightful UI animations by understanding the brain | Bruno Lourenco | 26m |
Claim: the brain’s motion center (MT / V5) and its smooth pursuit and global-motion heuristics explain why some UI animations delight and others annoy… | ||
| Unpopular Opinions | Nik Graf | 28m |
Argues that the useful claim is not that context or hooks exist but that stuffing all entities into one store context causes full re-renders so a chat app with… | ||
| Building a Community Around Ignite | Jamon Holmgren | 32m |
A CLI and boilerplate called Ignite becomes a production tool rather than a demo: two maintained stacks (Andres with Redux, Bowser with MobX + TypeScript), a… | ||
| The Untouchable Web | Rick Hanlon | 18m |
Shows a concrete engineering checklist: implements a reusable touchable component with hit slop (example 50px), pointer and touch handlers, keyboard support… | ||
| React Standard Library | Ville Immonen | 22m |
Claims a concrete solution: unimodules let apps add native features by npm install without manual Xcode or Android project edits, using CocoaPods and Gradle… | ||
| Custom CSS is the path to inconsistent UI | Artem Sapegin | 18m |
Custom CSS causes divergence in real projects: an analysis finds typography and whitespace as the biggest offenders, with many nearly identical but… | ||
| Creating layouts that last | Artem Zakharchenko | 24m |
Claim: spacing is the main cause of layout rot, so layout should be a composable React concept. Implementation: atomic layout built with React, CSS grid and… | ||
| Scalable Design Systems with TypeScript | Tejas Kumar | 35m |
Claims that TypeScript plus a design system can become living, always-correct docs and demos, and proves it by building a browser playground that reads… | ||
| Codecrumbs in React | Bohdan Liashenko | 12m |
Claims a concrete way to navigate hundreds of tiny React atoms by extracting a component graph from source, using static AST analysis of imports and filenames… | ||
| React Union Write once, plug anywhere | Tomáš Konrády | 30m |
A library called React Union embeds standalone React widgets into CMS pages (WordPress, Liferay) via simple script tags, React portals and lazy loading so one… | ||
| Releasing a library written in TypeScript on NPM | Christoffer Niska | 10m |
Shows how to publish a TypeScript library using TypeScript + Rollup with a concrete config, recommends rollup-plugin-typescript2 and terser, and outputs both… | ||
| Practical Performance for React Native | Anna Doubkova | 23m |
Measurements show the slowdown lives on the JavaScript thread (target 60fps, observed 30 and even 15 or negative), diagnosed with React Native Debugger /… | ||
| WebAssembly The Next Big Platform | Sven Sauleau | 14m |
Claims that parts of a React app can be rewritten in Rust and compiled to WebAssembly, with a real Rust + WebAssembly module that parses iCalendar files to… | ||
| Building resilient frontend architecture | Monica Lent | 33m |
Company growth from 80 to 1,500 people motivates a claim: constrain to survive. Concrete techniques include reorganizing source dependencies away from the big… | ||
| Intuitive Tooling | Carolyn Stransky Vohr | 25m |
TypeScript reads like a new language with an empty-array default of type never and baffling import forms, Redux piles jargon plus async middleware like thunks… | ||
| nothing matches | ||