Note that the times have been adjusted to your local timezone automatically.

It's possible to subscribe to the conference calendar directly to keep up to date with any changes.

2022-09-12 - Monday – workshops#

-

Registration #

You can register later too.

-
-

Lunch #

We have Finnish food in store for you.

-

Workshops continue #

-

Break #

Drink coffee, tea, or water.

-

Workshops continue #

2022-09-13 - Tuesday – workshops#

-

Registration #

You can register later too.

-

Advanced React #

    -
    -

    Lunch #

    We have Finnish food in store for you.

    -

    2022-09-14 - Wednesday – workshops#

    -

    Registration #

    You can register later too.

    -

    Advanced React #

      -
      -

      Lunch #

      We have Finnish food in store for you.

      -

      2022-09-15 - Thursday – conference#

      -

      Registration #

      You can register later too.

      -

      Opening #

      What do engineers, kintsugi and stained glass, and lotuses and clocks have in common? — Jen LukerJen Luker#

      In today's ever-evolving world, it can feel like we can't recover from the last change before the next one overwhelms us. We will travel through art, philosophy, and ourselves to see change from a new perspective. We will learn coping mechanisms to keep our mental health in check.

      Bringing the New React Native Architecture to the OSS community — Nicola CortiNicola Corti#

      At the end of 2021, we successfully rolled out the New React Native Architecture in the Facebook app.

      Now, it's time to empower every React Native developer on the globe to use the New React Native Architecture, both the new Fabric renderer and the new TurboModule system.

      But migrating an entire ecosystem to a New Architecture is no easy task.

      To support the whole community in this endeavor, we lined up a set of tools and materials that will help both app and library developers to join us in this journey.

      In the talk, we will present how the New React Native Architecture looks in the OSS space. We will discuss the impact this will have on developing React Native projects. Lastly, we will cover what we learned from the React Native New Architecture migration at Meta, and how you can tackle your migration in your organization.

      Mysterious talk — Ryan CarniatoRyan Carniato#

      -

      Break #

      Drink coffee, live long and prosper. Play foosball at the sponsors' lounge.

      -

      Techniques #

      Zorm - Type-safe <form> for React using Zod — Esa-Matti SuuronenEsa-Matti Suuronen#

      Mysterious talk — Kadi KramanKadi Kraman#

      Notes to my younger self — Kenneth SutherlandKenneth Sutherland#

      Learn how to get the most out of the company you are in, whether it’s a dead end job, perhaps the company are on the brink of collapse, maybe you’ve hit the job jackpot and are working in the most fantastic start up. Always something to learn. What would I tell myself so that Monday mornings are not painful, but are instead something that can be looked forward to. You’re job can be fun (honestly)! And of course the code, all those things I’ve done or not done over the years – would I do it all again the same? No!

      -

      Lunch #

      Hopefully it's as disappointing as the one you had at previous React Finland

      -

      Statecharts #

      The weird things about React — Nik GrafNik Graf#

      Mysterious talk — David KhourshidDavid Khourshid#

      State machines meet component libraries — Farzad YousefzadehFarzad Yousefzadeh#

      In this talk, we will experiment with using state machines for modeling components in a React based component library. We will use the Stately visual editor to model components visually and see how we can use Storybook and Model based testing concepts to deal with test generation and documentation based on acceptance criteria.

      -

      Break #

      Drink coffee. Again. Take a massage at the sponsors' lounge.

      -

      Mob programming — Woody ZuillWoody ZuillDavid Corbacho RomanDavid Corbacho Roman and Laura OjalaLaura Ojala#

      In this session we'll mob program a web application together.

      2022-09-16 - Friday – conference#

      -

      Registration #

      You can register later too.

      -

      Working in Finland #

      Mysterious talk — Saku TihveräinenSaku Tihveräinen#

      Mysterious talk — Tanja MaloTanja Malo#

      Mysterious talk — Vismit ChawlaVismit Chawla#

      -

      Break #

      Drink coffee, live long and prosper. Play foosball at the sponsors' lounge.

      -

      Web components #

      Avoiding vendor lock-in through Web Components — Matias HuhtaMatias Huhta#

      In this talk we'll discuss the current status of Web Component support in browsers and how developers can avoid locking themselves into certain key technologies by utilizing the Web platform itself.

      We'll go through what the web can actually accomplish on it's own at the moment, and some useful tools to assist in developing more vendorless, portable experiences.

      SDKs vs Web Components: Place Your Bets — m4dz 🎙🥑m4dz 🎙🥑#

      You're offering a fantastic brand new service, and it'll revolutionize your customers' world! Because it's smart, it delivers an API-first solution wrapped in an edge architecture. And because you're smart, you're offering to your end-users several SDKs to let them use those APIs at their full potential: PHP, Java, Ruby, Go, Python, JavaScript… Wait, JavaScript?

      When entering the world of frontend architecture in an API-first world, we should take time to answer this simple question: SDK or Web Components? The frontend world comes with a UI-first paradigm, so should we switch our mindset?

      On the other hand, Web Components now have a mature ecosystem where you can build advanced UI elements that already embed all the logic they need.

      API-first backend only requires HTTP streams, and Web Components embed the required network primitives. Should we distribute a JS SDK or a library of Web Components for our service? Here's the match between the two giants! SDKs vs Web Components: Place Your Bets.

      Faster content websites via SSR and progressive hydration of Web Components — Thomas AllmerThomas Allmer#

      One of the best performance tips is "do less" - transmit less data and do less processing. There are a million details but we will focus on transmitting less JavaScript. We are going to tackle it by doing more work at build time which means we start with almost zero JavaScript and only load more as the users interacts with the page.

      -

      Lunch #

      Hopefully it's as disappointing as the one you had at previous React Finland

      -

      Design systems #

      The complete design system: what and how we could learn from the others — Varya StepanovaVarya Stepanova#

      Benchmarking is one of the recommended practices when you are looking for what could be the next steps for your design system. But there are so many design systems, and they are very much different — it is confusing what should be the standard to benchmark with. Varya has studied dozens of design systems and committed reversive analysis on their features and attributes. This talk sheds light on the method and the results that help make strategic product decisions and suggest specific implementation approaches.

      Mysterious talk — Norbert de LangenNorbert de Langen#

      Breaking changes in Design system — Rami ErtimoRami Ertimo#

      -

      Break #

      Drink coffee. Again. Take a massage at the sponsors' lounge.

      -

      Accessibility #

      Better accessibility with a user-centric view — Marianna ÖsterlundMarianna Österlund#

      Let’s Keep Our Promises - ARIA, Styles and Keyboard Navigation — Eeva-Jonna 'Eevis' PanulaEeva-Jonna 'Eevis' Panula#

      Many websites and applications give false promises to users. For example, they promise interaction when there is none. In this talk, I will discuss some of those promises and how to create websites and applications that fulfill the promises given to users. After listening to this talk, you'll walk away knowing more about ARIA and keyboard navigation. You'll also learn how to create more inclusive websites and applications.

      Accessible navigation in single-page applications — Roosa KallionpääRoosa Kallionpää#

      -

      Afterparty #