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".m4dz 🎙🥑#

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".

Talks#

🎙 SDKs vs Web Components: Place Your Bets #

2022-09-16
-

 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.

Design Systems crusader | Blockchain enthusiast | Making the IT world better one component at a timeThaís Santos#

Design Systems crusader | Blockchain enthusiast | Making the IT world better one component at a time

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.

Talks#

🎙 The weird things about React #

2022-09-15
-

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 …

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.Varya Stepanova#

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.

Talks#

🎙 The complete design system: what and how we could learn from the others #

2022-09-16
-

 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.

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.Juho Vepsäläinen#

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.Matias Huhta#

Matias is a passionate Web Components advocate. He's a active member of Web Component communities and a active open source contributor.

Talks#

🎙 Avoiding vendor lock-in through Web Components #

2022-09-16
-

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.

David Khourshid is a Florida-based founder of Stately, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about JavaScript, CSS, animation, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.David Khourshid#

David Khourshid is a Florida-based founder of Stately, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about JavaScript, CSS, animation, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.

Talks#

🎙 The two types of state management #

2022-09-15
-

 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.

Aerospace engineer and Astrophysicist turned Software engineer. Lead engineer @Stately.ai, leading development of Stately editor, a visual editor for modeling application logic using StatechartsFarzad Yousefzadeh#

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

Talks#

🎙 State machines meet component libraries #

2022-09-15
-

 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.

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. Eeva-Jonna 'Eevis' Panula#

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.

Talks#

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

2022-09-16
-

 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.

Jen Luker is a Senior Staff Software Engineer who has spent the majority of her career as a full-stack developer using PHP, Javascript, ReactJS, and React Native but has a particular fondness for frontend technologies. She is a leader on engineering teams, and trains others in ReactJS, Accessibility, and beating imposter syndrome.

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.

Talks#

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

2022-09-15
-

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.

JavaScript performance enthusiast and fine-grained reactivity super fan. Author of the @solid_js.Ryan Carniato#

JavaScript performance enthusiast and fine-grained reactivity super fan. Author of the @solid_js.

Talks#

🎙 The World Beyond Components #

2022-09-15
-

 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.

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.

Talks#

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

2022-09-15
-

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.

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.Esa-Matti Suuronen#

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.

Talks#

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

2022-09-15
-

 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.

Kadi is a Director of Engineering for Mobile Services at Formidable. She is a JavaScript enthusiast, believer in open source and a huge fan of sticking JavaScript on every possible platform.Kadi Kraman#

Kadi is a Director of Engineering for Mobile Services at Formidable. She is a JavaScript enthusiast, believer in open source and a huge fan of sticking JavaScript on every possible platform.

Talks#

🎙 Good Code #

2022-09-15
-

 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.

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.

Talks#

🎙 Notes to my younger self #

2022-09-15
-

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!

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

Talks#

🎙 Mob programming #

2022-09-15
-

 Video

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

Señor Developer at Wunder. Originally from Spain, I've been living in Finland for more than 10 years, focusing my career on web development and JavaScriptDavid Corbacho Roman#

Señor Developer at Wunder. Originally from Spain, I've been living in Finland for more than 10 years, focusing my career on web development and JavaScript

Talks#

🎙 Mob programming #

2022-09-15
-

 Video

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

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.

Talks#

🎙 Mob programming #

2022-09-15
-

 Video

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

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.Saku Tihveräinen#

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.

Talks#

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

2022-09-16
-

Slides (PDF) Video

  • 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.Vismit Chawla#

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.

Talks#

🎙 What do companies look for in a developer – the recruiter point of view #

2022-09-16
-

Slides (PDF) Video

  • 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. Tanja Malo#

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.

Talks#

🎙 The most common headaches in relocations #

2022-09-16
-

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?

Maintainer Open Web Components, Modern Web, Rocket and works at ING doing Design Systems and Lion Web Components

Talks#

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

2022-09-16
-

 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.

Maintainer of Storybook, love open source and donutsNorbert de Langen#

Maintainer of Storybook, love open source and donuts

Talks#

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

2022-09-16
-

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!

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.Rami Ertimo#

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.

Talks#

🎙 Breaking changes in Design system #

2022-09-16
-

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?

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.Marianna Österlund#

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.

Talks#

🎙 Better accessibility with a user-centric view #

2022-09-16
-

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.

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.Roosa Kallionpää#

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.

Talks#

🎙 Accessible navigation in single-page applications #

2022-09-16
-

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.