React Finland 2018
2018-04-24..2018-04-26
Helsinki, Finland
[React Finland 2018, React Finland 2019, React Finland 2020, React Finland 2021, React Finland 2022]
as the organisers put it
Our goal is to connect our valued speakers with our local community in the most fruitful way we can and provide Finnish hospitality to our conference visitors.We hope to create something unique by combining our northern traditions with speakers and visitors from all around the world.
who it's for
React developers, frontend engineers, UI engineers, mobile app developers, tooling engineers, engineering managers
topics
Next.js server rendering; React Native tooling and testing; styled-components server theming; Apollo client local state; reactive state machines and statecharts; static site generation with Gatsby; lint-staged precommit linting; localization formats and strategies; Immer immutability patterns; React Context migration and use; ReasonML introduction; React VR development
| title | author | length |
|---|---|---|
| Design Systems for React Developers type | Artem Sapegin | |
Development of digital products is a complex process that involves multiple and roles managers, designers, engineers, QA, and customers. This increases the… | ||
| Make linting great again! | Andrey Okonechnikov | 13m |
Claims that linting gets cheap and fast by running linters only on staged files and by auto-fixing and re-adding those files to the commit. Implementation uses… | ||
| Declarative state and side effects | Christian Alfoni | 32m |
Writing declarative code for our UIs is so common that we do not even think about it. But when it comes to writing logic for managing state and side effects it… | ||
| There's always a better way to handle localization | Eemeli Aro | 12m |
Localization in JavaScript is a series of concrete tradeoffs: the claim is that most apps get away with simple approaches if choices are explicit, not vague… | ||
| Why I YAML | Eemeli Aro | |
I'm writing my own YAML library, because none of the existing ones allowed me to manage comments within YAML files. Apparently this is not a thing one should… | ||
| The New Best Practices | Jani Eväkallio | 33m |
React’s big claim is that components are a single, composable primitive that power long-term innovation; five years after 2013 that still holds. Concrete tools… | ||
| Styled Components, SSR, and Theming | Kasia Jastrzębska | 37m |
Styled-components v2 with Next.js actually extracts and injects critical CSS on the server using Next.js SSR with ServerStyleSheet, so pages render styled… | ||
| Immer Immutability made easy | Michel Weststrate | |
Immer is a tiny package that allows you to work with immutable data structures with unprecedented ease. It doesnt require learning new data structures or… | ||
| Get Rich Quick With React Context | Patrick Hund | 10m |
Demo shows building an advertising provider component and advertising slot consumer that use React 16.3 context to pass a single activate method into slots… | ||
| Detox A year in. Building it, Testing with it | Rotem Mizrachi-Meidan | 24m |
Detox claims deterministic end-to-end tests by embedding a gray-box synchronization agent that waits for app idle and invokes native methods via a JSON… | ||
| State Management in React Apps with Apollo Client | Sara Vieira | 24m |
Claims that local UI state lives in the Apollo cache and can be managed with GraphQL using apollo-link-state and client-side resolvers instead of Redux. Uses… | ||
| Universal React Apps Using Next.js | Sia Karamalegos | 33m |
Claims that server rendering plus code‑splitting measurably speeds initial load — 53% abandon after 3s — and that JavaScript parsing and execution dominate… | ||
| Understanding the differences is accepting | Sven Sauleau | 11m |
Argument: unexpected JavaScript behaviors are formally specified and understandable. Demos show function hoisting in switch cases, HTML comments still parsed… | ||
| Reactive State Machines and Statecharts | David Khourshid | 37m |
An end-to-end demo of modeling UI behavior as state machines and statecharts: a pure transition function that becomes a statechart interpreter, an interactive… | ||
| React Native Ignite | Gant Laborde | 42m |
Clear claim: Ignite CLI scaffolds production React Native apps with opinionated choices that teams actually use. The demo shows a conference app and an ASCII… | ||
| Static Websites - The Final Frontier | Juho Vepsäläinen | 10m |
Claims that a modern static site can be authored with React and bundled to a static output while keeping progressive enhancement and per-component JS bundles… | ||
| How React changed everything | Ken Wheeler | 33m |
Argues that the real claim is the component model not just the virtual DOM, showing components are the real takeaway and that JSX plus state/props form a… | ||
| World Class experience with React Native | Michał Chudziak | 19m |
A concrete case study of a React Native app that delivers continuous builds to QA automatically when PRs merge, replaces classic state managers with… | ||
| Get started with Reason | Nik Graf | 35m |
Reason compiles to native and JavaScript via BuckleScript, giving millisecond compile times, and uses variant types and pattern matching to make impossible… | ||
| Making Unreasonable States Impossible | Patrick Stapfer | 31m |
Claim: variant types and pattern matching in Reason plus ReasonReact and Flow produce APIs that are truly impossible to misuse. Examples: a tic‑tac‑toe app… | ||
| ReactVR | Shay Keinan | 34m |
Claims that React VR (built on React Native and Three.js) can produce web VR that actually runs at 60fps using familiar React patterns and a CLI workflow… | ||
| React Finland App - Lessons learned | Toni Ristola | 08m |
Built and published as the first app published to App Store and Play Store, the project uses Infinite Red boilerplate (Ignite) and uses Apollo client and lives… | ||
| How to use React, webpack and other buzzwords if there is no need | Varya Stepanova | 14m |
Generates a multilingual static blog using Metalsmith, renders pages with React + webpack, and serves plain HTML from GitHub Pages; code and posts live open on… | ||
| nothing matches | ||