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 and breakfast #

Register and enjoy breakfast on our behalf before the workshop.

-
-

Lunch #

We have Finnish food in store for people attending the workshop.

-

Workshops continue #

-

Break #

Drink coffee, tea, or water.

-

Workshops continue #

2022-09-13 - Tuesday – workshops#

-

Registration and breakfast #

Register and enjoy breakfast (for full day and morning workshops only).

-

Advanced React #

    -
    -

    Lunch #

    We have Finnish food in store for people attending full day workshops or two workshops (morning and afternoon sessions).

    -

    Lecture at Aalto University — Juho VepsäläinenJuho Vepsäläinen#

     Video

    As a part of unofficial program, we organize a lecture with Aalto University at their premises.

    The topic of the lecture is "Web application development – Where we came from and where are we going". In other words, you'll learn a bit about the past of the web while getting some idea of where it's going.

    Although the lecture has been mainly aimed at students learning about web development, you are welcome to join.

    Aalto University, TUAS Building, TU1 Maarintie 8, Espoo
    -
    -

    Break #

    Drink coffee, tea, or water.

    -

    Workshops continue #

    -

    AWS Finland September meetup #

    AWS Finland will run their September meetup. You can find more information and register at meetup.com.

    2022-09-14 - Wednesday – workshops#

    -

    Registration #

    Register and enjoy breakfast (for full day and morning workshops only).

    -

    Advanced React #

      -
      -

      Fireside chat at Aalto University — Juho VepsäläinenJuho VepsäläinenJen LukerJen Lukerm4dz 🎙🥑m4dz 🎙🥑 and Ryan CarniatoRyan Carniato#

      As a part of unofficial program, we organize a fireside chat with some of our speakers in collaboration with Aalto University at their premises.

      Although it has been mainly aimed at students learning about web development, you are welcome to join.

      Aalto University, TUAS Building, TU1 Maarintie 8, Espoo
      -

      Lunch #

      We have Finnish food in store for people attending full day workshops or two workshops (morning and afternoon sessions).

      -
      -

      Break #

      Drink coffee, tea, or water.

      -

      Workshops continue #

      -

      Gaming Night at Arkade by Utopia Music #

      Utopia Gaming Night is a special event for developers after the workshop days. Just come and relax - we’ll provide drinks, craft hot dogs and some new and vintage arcade games. Get there early - there’s some great tech-related prizes to win and a coding competition for an Oura ring!

      You have to register for this event separately using this link!

      Arkade Bar Kalevankatu 30, Helsinki

      2022-09-15 - Thursday – conference#

      -

      Registration and light breakfast #

      You can register later too.

      If you cannot make it to the conference, follow it through YouTube live stream.

      -

      Welcome #

       Video

      Quick welcome to the conference at the main stage.

      -

      Opening #

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

      Drawing Slides (PDF) Video

      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#

      Drawing Slides (PDF) Video

      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.

      The World Beyond Components — Ryan CarniatoRyan Carniato#

      Drawing Slides (web) Video

      Components have been the foundation of how we've built web applications for almost a decade now. They've defined not only how we organize our code but how it runs.

      In this talk, Ryan, author of SolidJS, will look at what comes after the component model. Driven by the need for more granularity, and empowered by compilation, reactivity is becoming the universal language of user interfaces.

      -

      Break #

      Drink tasty Finnish coffee, live long and prosper.

      -

      Techniques #

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

      Drawing Slides (web) Video

      TypeScript has become the industry standard but there are still areas that are inherently hard to make type-safe. In this talk we explore how we can leverage the Zod library to make forms type-safe in React.

      Good Code — Kadi KramanKadi Kraman#

      Drawing Slides (web) Video

      What does good code mean to you? Really, who hasn’t heard that question at an interview. And who hasn’t cursed at the “bad” code of other engineers or - alright let’s face it - our past selves? There are plenty of opinions on naming conventions, testing strategies, commit history, review feedback, managing complexity. But how to pick out which of these things actually matter and what is just fluff? We’ll look at what you can do to write the best JavaScript code you can - at any stage of your career.

      Notes to my younger self — Kenneth SutherlandKenneth Sutherland#

      Drawing Slides (PDF) Video

      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#

      Drawing Slides (PDF) Video

      Conditional rendering issues in JSX, forwardRef, dozens of ways to create refs, render props (yeah they still exist), act, non-extendable classes, SuspenseList (well, maybe in 10 years) and of course our good old friend useEffect.

      All these weird things are part of our favourite library (not a framework™) and yet we still use and love it. Why actually? Let's talk about. Disclaimer: This is not a very serious talk, mostly …

      The two types of state management — David KhourshidDavid Khourshid#

      Drawing Slides (web) Video

      All state management libraries and techniques can be categorized in two ways. One is easy, one is simple. One is quick, one is maintainable. From state mutation to statecharts, let's explore the various ways developers manage state and learn how we can choose the best strategy for efficient, robust state state management for different use-cases, and discover what these two categories are.

      State machines meet component libraries — Farzad YousefzadehFarzad Yousefzadeh#

      Drawing Slides (web) Video

      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.

      -

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

      Drawing Video

      In this session we will introduce and try mob programming on stage.

      -

      Ending of the day #

      -

      React Finland afterwork at Gofore #

      Warmly welcome to the React Finland goes Gofore afterparty after Thursday’s conference day, from 17.30 onwards! The evening is enjoyed in a relaxed atmosphere, toned by the rhythms of our own DJ. In addition to great company, we offer participants pizza and other snacks, and of course refreshing afterparty drinks!

      See you at the Gofore Kamppi office and let’s have a blast!

      You have to register for this event separately using this link!

      Gofore Urho Kekkosen katu 7B, Helsinki

      2022-09-16 - Friday – conference#

      -

      Registration and light breakfast #

      You can register later too.

      If you cannot make it to the conference, follow it through YouTube live stream.

      -

      Welcome #

       Video

      Quick welcome to the day at the main stage.

      -

      Working in Finland #

      The (sometimes harsh) reality of landing a relevant role in Finland — Saku TihveräinenSaku Tihveräinen#

      Drawing Slides (PDF) Video

      • How to land the role in Finland?
      • Many companies say no, why?
      • Identifying the right companies to apply if applying remotely

      What do companies look for in a developer – the recruiter point of view — Vismit ChawlaVismit Chawla#

      Drawing Slides (PDF) Video

      • Differences in CVs and interviews in different countries
      • How the skills and competences are assessed in interviews

      The most common headaches in relocations — Tanja MaloTanja Malo#

      Drawing Slides (PDF) Video

      • Available services, free and commercial
      • Newcomer sessions to Finland for families
      • Find out about living in Helsinki region
      • How to cope with relocation in the first two weeks?
      -

      Break #

      Drink tasty Finnish coffee, live long and prosper.

      -

      Web components #

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

      Drawing Slides (PDF) Video

      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 🎙🥑#

      Drawing Slides (web) Video

      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#

      Drawing Slides (web) Video

      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 #

      Testing design systems using storybook + Storybook 7.0 sneak peeks — Norbert de LangenNorbert de Langen#

      Drawing Slides (PDF) Video

      Design systems are code, and code should be tested. How do you leverage Storybook stories for tests. I'll also show you some of the new features coming to Storybook 7.0!

      Breaking changes in Design system — Rami ErtimoRami Ertimo#

      Drawing Slides (PDF) Video

      Breaking changes are usually inevitable in any library or system that lives long enough. So what are breaking changes in design system? What is the impact of them in different areas of the system? Is there a way to cheat the system and limit or even prevent this kind of change from happening? But when the inevitable happens, and you need to create a breaking change, what are the things you need to consider when doing this?

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

      Drawing Slides (web) Video

      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.

      -

      Break #

      Drink coffee. Again.

      -

      Accessibility #

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

      Drawing Slides (PDF) Video

      Web accessibility is much more than regulations and restrictions. It is based on real people with real problems and needs. By understanding all the users everything makes a lot more sense. In her talk Marianna addresses the ‘why’ of accessibility – and a little bit of the ‘how’, too.

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

      Drawing Slides (web) Video

      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ää#

      Drawing Slides (PDF) Video

      Single Page Applications (SPAs) are lacking in accessibility by default. While a sighted user is able to tell the difference between different types of page updates, screen reader users might not separate the ones that resemble page loads from those that affect a single component. In my speech, I’ll introduce some techniques to tackle this problem.

      -

      Goodbye #

       Video

      Conference ending.

      -

      Afterparty #

      Register separately using this link. The registration helps us to have the right amount of everything.

      Babylon Club & Garden Erottajankatu 2, Helsinki