React Finland

🎙 SDKs vs Web Components: Place Your Bets #

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.

🎙 The weird things about React #

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 complete design system: what and how we could learn from the others #

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.

🎙 Avoiding vendor lock-in through Web Components #

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.

🎙 The two types of state management #

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 #

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.

🎙 Let’s Keep Our Promises - ARIA, Styles and Keyboard Navigation #

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.

🎙 What do engineers, kintsugi and stained glass, and lotuses and clocks have in common? #

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.

🎙 The World Beyond Components #

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.

🎙 Bringing the New React Native Architecture to the OSS community #

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.

🎙 Zorm - Type-safe <form> for React using Zod #

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 #

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 #

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!

🎙 Mob programming #

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

🎙 Mob programming #

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

🎙 Mob programming #

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

🎙 The (sometimes harsh) reality of landing a relevant role in Finland #

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

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

🎙 The most common headaches in relocations #

• 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?

🎙 Faster content websites via SSR and progressive hydration of Web Components #

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.

🎙 Testing design systems using storybook + Storybook 7.0 sneak peeks #

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 #

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?

🎙 Better accessibility with a user-centric view #

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.

🎙 Accessible navigation in single-page applications #

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.