Principal Developer Advocate at ‹div›RIOTS - makers of Backlight, a Design Systems IDE built for Designers and Developers - m4dz is a curious animal. Former Frontend Dev, Devtools enthusiast, he has made the Developer eXperience (DX) his cherished topic. All the Web technologies are under his radar to get things ever simpler. His moto: "Developers are users just like you." As a life-long dreamer his favorite book will ever remains "Alice's Adventures in Wonderland".
🎙 SDKs vs Web Components: Place Your Bets #
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.
Design Systems crusader 🧭 Currently lead design at ‹div›RIOTS - makers of Backlight: a unique, all-in-one design system solution.
Workshops#👩💻Design systems for beginners
Nik is the founder of Serenity and is passionate about cryptography, CRDTs, GraphQL and React. He co-created several popular open source projects like DraftJS Plugins and Polished and participated in Stripe’s Open Source Retreat. In his spare-time he enjoys ski touring, cycling and organising the ReactJS Vienna meetup.
🎙 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 …
Workshops#👩💻Advanced React👩💻Advanced React
Varya Stepanova is a Design Systems Architect and Product Owner with extensive experience in management and development. During her tech career, Varya's primary focus was in component-focused UI design and development, creating helpful tooling for the subject and spreading the practices across organizations. Nowadays, she brings design systems to the next level of success through cooperative work in the company development community and bridging the gap for designers, developers, and business specialists.
🎙 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.
Juho Vepsäläinen is behind the SurviveJS effort. He has been active in the open source scene since the early 2000s and participated in projects like Blender and webpack as a core team member. Blue Arrow Awards winner.
Matias is a passionate Web Components advocate. He's a active member of Web Component communities and a active open source contributor.
🎙 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.
Aerospace engineer and Astrophysicist turned Software engineer. Lead engineer @Stately.ai, leading development of Stately editor, a visual editor for modeling application logic using Statecharts
🎙 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.
Eevis is a software developer and accessibility specialist based in Finland. She loves sharing information about topics like accessibility, React and GraphQL, and is active in different communities aiming to increase equality in the tech field in Finland. When not coding, she explores the world around her with a kayak.
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.
Her motivations are fueled by a desire to make lives better, whether that be the teams she works with or the customers she supports. She is often heard repeating, “All problems are people problems, even the technical ones,” and believes that through collaboration and curiosity, solutions can be found for every problem.
🎙 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.
Nicola Corti is a Google Developer Expert for Kotlin. He has been working with the language since before version 1.0, and he is the maintainer of several open-source libraries and tools for mobile developers. He's currently working in the React Native Core team at Meta, building one of the most popular cross-platform mobile framework. Furthermore, he is an active member of the developer community. His involvement goes from speaking at international conferences to being a member of CFP committees and supporting developer communities across Europe. In his free time, he also loves baking, podcasting, and running.
🎙 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.
Esa-Matti is a software developer from Jyväskylä, Finland with more than 10 years of professional software development experience who has used React and Node.js since their 0.x days. Currently working for Valu Digital as a Lead Developer building developer tools.
🎙 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 #
Kenneth Sutherland is a software developer of 20 years. Experienced projects from games consoles, mobile phones, web and desktop applications and along the way worked in tiny start-ups to businesses with 50,000+ staff.
🎙 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!
I do Mob Programming workshops, talks and presentations on agile topics, and I coach and guide folks interested in creating a wonderful workplace where people can excel in their work, and in their life
Laura Ojala (they/she) has over 15 years of experience in various agile testing roles from Quality Manager in Medical Device start-up to Test Manager in the Financial sector. Since early 2020 they’ve been a Senior Test Automation Developer. Laura enjoys creative challenges and supporting others on their journey. One of their passions is Creative Group Process Facilitation.
Saku is a Talent Acquisition Lead with over ten years of experience from the field. Alongside the work, Saku works gradually his way through the PhD ("how professionals choose jobs"). When not working, you can find him by the junior football pitch or jogging on the shores of Helsinki.
🎙 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
Vismit is an experienced recruitment professional with over 10 years of recruiting background in Indian, Danish and Finnish market. Outside work, she likes meeting people with diverse cultural background to enhance on learning new personality & culture and love following healthy lifestyle focusing on nutrition. Passionate about DEI topics and mentoring international talents in integrating in Finnish job market.
🎙 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
Senior International HR and Global Mobility Specialist with ten years of experience in working with project management and organisational development. Passionate about internationalisation and process development for talent attraction and retention within companies/ organisations.
🎙 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?
Maintainer Open Web Components, Modern Web, Rocket and works at ING doing Design Systems and Lion Web Components
🎙 Faster content websites via SSR and progressive hydration of Web Components #
Maintainer of Storybook, love open source and donuts
🎙 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!
Rami is a Consultant working for Asteroid focusing on frontend development and architecture, and design systems. Designer by heart, developer by trait, bridging the gap between designers and developers.
🎙 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?
Marianna is an accessibility specialist at Selko Digital Oy in Finland. She is a young – yet enthusiastic envoy for a better and more inclusive Internet. For her, accessibility is equality and good service for everyone. She is a many-sided accessibility expert who aims to understand the different types of users, their needs and how to address them in web content.
🎙 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.
Roosa, a UX and accessibility specialist at Eficode, started as a web developer and still maintains her React skills through varying projects. As a consultant, she wants to foster accessibility innovations by educating professionals in tech.
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.