React Finland 2022
2022-09-12..2022-09-16
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, accessibility engineers, mobile / React Native engineers, engineering managers, hiring managers
topics
Fabric renderer and TurboModules; fine-grained reactivity with signals; Zod type-safe HTML forms; server-side rendering and progressive hydration; Web Components integration and SDKs; design systems with Storybook 7; state machines with XState and Stately; comparison of state libraries (Recoil, Jotai, Zustand, Redux); Strict Mode quirks and testing pitfalls; mob programming and driver/navigator workflow; accessible navigation in single-page apps; recruiting and relocation practices in Finland
| title | author | length |
|---|---|---|
| What do engineers, kintsugi and stained glass, and lotuses and clocks have in common? | Jen Luker | 33m |
Claim: personal breakage becomes an advantage — repaired with kintsugi with gold the history of mistakes improves resilience and hireability. Concrete… | ||
| Bringing the New React Native Architecture to the OSS community | Nicola Corti | 27m |
Claim: the New React Native Architecture is production‑ready inside Meta and the team ships the same pieces to OSS: rolled out in the Facebook app end of 2021… | ||
| The World Beyond Components | Ryan K Carniato | 31m |
Argues that fine‑grained reactivity — not rerunning components — is the real runtime model, and shows an actual runtime: signals and createEffect implemented… | ||
| Type-safe forms for React using Zod | Esa-Matti Suuronen | 23m |
Shows how Zod schemas become runtime validators and TypeScript types so HTML form values validate Zod schema inference and fail fast on mismatch. Demonstrates… | ||
| Good Code | Kadi Kraman | 26m |
Two clear practices decide whether code stays readable and maintainable: document and enforce style decisions — pick rules up front, put them in the repo… | ||
| Notes to my younger self | Kenneth Sutherland | 22m |
First ten years average one role per year then ten years in one place; advice focuses on concrete practices not pep talk. Build a tiny personal project, track… | ||
| The weird things about React | Nik Graf | 27m |
Covers concrete surprises: Strict Mode double-render and effects running twice with a demoable fix, conditional rendering quirks in JSX, forwardRef and “dozens… | ||
| The two types of state management | David Khourshid | 23m |
Claims that state libraries fall into easy vs simple categories and demonstrates on a concrete counter (clamped between 0 and 10) how useState, useReducer… | ||
| State machines meet component libraries | Farzad Yousefzadeh | 39m |
Diagrams become the source of truth: a state machine drawn in the Stately visual editor compiles to runnable code, wired into Storybook via useMachine, and… | ||
| Mob programming | Woody Zuill | 01h 24m |
Origin story says mob programming begins at Hunter Industries in 2011 and becomes a team practice for groups of about six to ten people; the claim is concrete… | ||
| The (sometimes harsh) reality of landing a relevant role in Finland | Saku Tihveräinen | 27m |
Describes why Finnish companies often say no: lack of required seniority (clean code, cloud experience), hiring friction for candidates outside EU and slow… | ||
| What do companies look for in a developer | Vismit Chawla | 20m |
Compares hiring across countries and gives concrete recruiting rules: companies prefer clear simple CV aligned with LinkedIn and links to GitHub, expect… | ||
| The most common headaches in relocations | Tanja Malo | 28m |
Practical checklist and timelines: EU moves take about 1–3 months, non‑EU specialists can get a Fast Track permit: ~2 weeks, and over 1,000 families relocated… | ||
| Working in Finland Q&A | Saku Tihveräinen, Vismit Chawla, Tanja Malo | 24m |
Panel Q&A after a morning session with 400 participants surfaces concrete advice: EU taxation and social security follow where permanent residency is, remote… | ||
| Avoiding vendor lock-in through Web Components | Matias Huhta | 20m |
Claims that native Web Components let teams ship framework‑agnostic UI, backed by real examples: the Photoshop web client is built on components, YouTube and… | ||
| m4dz - SDKs vs Web Components: Place Your Bets | Matthias Dugué | 22m |
Argues that when an API is frontend‑facing, ship a web component instead of another JS SDK; builds an APIvideo uploader/player component that takes a token… | ||
| Faster content websites via SSR and progressive hydration of Web Components | Thomas Allmer | 31m |
Claims that pages ship almost zero JavaScript by doing most work at build time and using server-rendered web components, then progressively hydrating only… | ||
| Web Components Q&A | Matias Huhta, Thomas Allmer | 16m |
React 19 adds web component support and until then expect two gotchas: React 18 doesn’t forward custom events and Boolean attributes behave oddly. Lit Labs… | ||
| Testing design systems using storybook + Storybook 7.0 sneak peeks | Norbert de Langen | 27m |
Demonstrates using Storybook stories as tests by adding play function handlers that run in a browser via Playwright and testing library, plus an interactions… | ||
| Breaking changes in Design system | Rami Ertimo | 30m |
Claim: breaking changes are inevitable but often avoidable in closed systems when usage is measurable and migrations are scripted. Evidence: more than a… | ||
| The complete design system: what and how we could learn from the others | Varya Stepanova | 29m |
Claims a reverse-engineered, reproducible model of a “complete design system” built from dozens of open source docs and a searchable component gallery… | ||
| Better accessibility with a user-centric view | Marianna Österlund | 22m |
Demo shows a screen reader reading misordered headings, hidden elements ignored by assistive tech, and wrong language tags so navigation and comprehension… | ||
| Let’s Keep Our Promises: ARIA, Styles and Keyboard Navigation | Eeva Jonna 'Eevis' Panula | 26m |
Clear, concrete guidance about ARIA and keyboard nav with code examples: role is a promise shows divs masquerading as buttons without tabindex or keyboard… | ||
| Accessible navigation in single-page applications | Roosa Kallionpää | 23m |
Shows concrete fixes: update the tab title and update document.title and use React Helmet so pages announce, push SPA views into browser history with… | ||
| React Finland meets Aalto University - Panel about web development | Ryan K Carniato, Jen Luker, Juho Vepsäläinen | 01h 35m |
Panel gives concrete takeaways: pragmatic endorsement of React for job prospects and community support, nuanced pros and cons of TypeScript, and repeated… | ||
| nothing matches | ||