Co-author of the Packt book Practical Enterprise React, Devlin has been using HTML, CSS, and TypeScript to build web and mobile apps for customers for years. He has been a Microsoft MVP and an on-site React trainer for eight years.
Talks#
Next.js, React Server Components, and TanStack Start: Building Fast, Modern Web Apps
In this session, we’ll cover the latest updates in React frameworks to help you build fast, interactive applications. We’ll start with a quick overview of today’s web landscape and how different frameworks handle rendering strategies.
First, we’ll look at React Server Components (RSC) in Next.js 15, showing how RSC boosts app performance by rendering on the server and streaming components to the client in real-time. With the strategic use of modern React 19 features to optimize load times and interactivity, we’ll demonstrate how RSC can make your app more responsive.
Next, we’ll cover TanStack Start, which provides robust support for full-stack React apps. With type-safe routing via TanStack Router, smooth client-server communication, and built-in support for Server-Side Rendering (SSR) and RSC, TanStack Start enables fast, scalable applications. We’ll share real-world examples and demos to show how its server functions, streaming capabilities, and flexible deployment options—whether serverless or CDN-based—create a strong foundation for modern apps.
We’ll finish with a 15-minute Q&A. By the end, you’ll be up to speed on these tools and frameworks, helping you keep your React projects fast, interactive, and ready for the future.
QA
Workshop#
Hands-on React Server Components, Server Actions, and Forms in the Next.js App Router
In this workshop, we will explore React's latest features: Server Components, Server Actions, and Forms. Discover how to optimize server-side rendering, build smooth user experiences with React Suspense and Transitions, enhance application interactivity with Server Actions and multiple new React 19 hooks, and create robust forms for efficient data handling and validation.
Content and procedure#
With the introduction of Server Components and the Next.js App Router come new patterns and strategies for developing performant and interactive apps. In addition, React 19 brings new hooks and API’s. It’s all very exciting, but can be confusing to grasp and keep up with.
To cover all the concepts, we will be building an interactive CRUD app for managing contacts. Through the development process we will be learning each relevant concept step by step, and for each step use it to implement a feature in the application, until the application is completed.
Who should join the workshop?#
Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications. Ideally you have some experience with React and JavaScript already.
Aurora Scharff is a web developer from Norway. She holds a bachelor's degree in Robotics and Intelligent Systems and is knowledgeable in engineering mathematics, robotics, algorithms, data structures, and computer architecture. After working for a few years at a financial technology startup, she continues developing as a consultant at Inmeta. Aurora is actively building with React Server Components in her current consultancy project and is eager to share her knowledge.
Talks#
Next.js, React Server Components, and TanStack Start: Building Fast, Modern Web Apps
In this session, we’ll cover the latest updates in React frameworks to help you build fast, interactive applications. We’ll start with a quick overview of today’s web landscape and how different frameworks handle rendering strategies.
First, we’ll look at React Server Components (RSC) in Next.js 15, showing how RSC boosts app performance by rendering on the server and streaming components to the client in real-time. With the strategic use of modern React 19 features to optimize load times and interactivity, we’ll demonstrate how RSC can make your app more responsive.
Next, we’ll cover TanStack Start, which provides robust support for full-stack React apps. With type-safe routing via TanStack Router, smooth client-server communication, and built-in support for Server-Side Rendering (SSR) and RSC, TanStack Start enables fast, scalable applications. We’ll share real-world examples and demos to show how its server functions, streaming capabilities, and flexible deployment options—whether serverless or CDN-based—create a strong foundation for modern apps.
We’ll finish with a 15-minute Q&A. By the end, you’ll be up to speed on these tools and frameworks, helping you keep your React projects fast, interactive, and ready for the future.
QA
Workshop#
Hands-on React Server Components, Server Actions, and Forms in the Next.js App Router
In this workshop, we will explore React's latest features: Server Components, Server Actions, and Forms. Discover how to optimize server-side rendering, build smooth user experiences with React Suspense and Transitions, enhance application interactivity with Server Actions and multiple new React 19 hooks, and create robust forms for efficient data handling and validation.
Content and procedure#
With the introduction of Server Components and the Next.js App Router come new patterns and strategies for developing performant and interactive apps. In addition, React 19 brings new hooks and API’s. It’s all very exciting, but can be confusing to grasp and keep up with.
To cover all the concepts, we will be building an interactive CRUD app for managing contacts. Through the development process we will be learning each relevant concept step by step, and for each step use it to implement a feature in the application, until the application is completed.
Who should join the workshop?#
Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications. Ideally you have some experience with React and JavaScript already.
Renaissance polymath. MD.
Talks#
GrayWall Strategy: Securing Your Frontend from Pentesters and Reverse Engineers
This talk will share strategies on how to harden your frontend to block pentesters and reverse engineers by reducing what’s exposed to the client. We’ll walk through concrete steps, like cutting down API exposure by handling data in memory on the server side instead of sending it to the client, using Go with Cap'n'Proto for fast, secure in-memory operations. We'll cover how compiled languages and a binary server will make your server and application more secure and safer. We’ll cover how server-side rendering can reduce attack surfaces, and how switching from traditional HTTP APIs to gRPC and WebSockets limits what attackers can reverse-engineer. You’ll also see a real example of how we rebuilt a system after a ransomware attack, shifting from a vulnerable API setup to a secure, server-focused architecture.
QA
Workshop#
Designing and Implementing Practical Industry Level Frontend AI solutions
This workshop provides an intensive, hands-on experience focused on selecting, implementing, and optimizing AI-driven features in modern applications. You’ll learn how to choose the best Large Language Model (LLM) knowledge retrieval method, whether prompt engineering, Retrieval-Augmented Generation (RAG), or fine-tuning, by understanding their specific strengths, limitations, and ideal use cases. We’ll dive into concrete applications in sectors like healthcare and government, and explore how to choose high-performance, real-time backend languages tailored for AI applications. Should you go with Go, Rust, Zig, Nim, or Swift? Through benchmarking and performance analysis, you’ll be prepared to justify your language choice, from developer experience and prototyping speed to overall system performance, ensuring a fast and responsive AI-powered application.
Takeaways#
By the end of this workshop, you’ll be able to:
- Select the most effective LLM knowledge retrieval technique for your use case, with a clear understanding of the pros and cons of each option.
- Build secure, privacy-compliant browser extensions using locally loaded language models on the browser.
- Design a UI component that enhances user experience through adaptive predictive text.
- Choose the best high-performance systems language for real-time AI backends, using developer experience, prototyping speed, and benchmarking metrics to guide your choice.
Content Outline#
- Optimizing AI Integration for UI: We’ll break down advanced AI strategies for user interfaces by comparing prompt engineering, RAG, and fine-tuning. Each method is examined through hands-on use cases with a straightforward pros-and-cons analysis, helping you pick the best approach for your needs and align each technique with real-world applications for optimal performance.
- Browser Extension for Data Interaction: Build a browser extension that directly interacts with displayed data and leverages a local language model layer. Focused on privacy-compliant use cases in critical sectors like healthcare and government, this segment demonstrates how to meet data security requirements by running models directly within the browser, achieving both usability and data ownership.
- Adaptive Text and Predictive Prompts: Implement adaptive text prediction and ghost prompts that adjust to user input, inspired by tools like GitHub Copilot and Gmail’s Smart Compose. This part emphasizes customization of predictive elements tailored to your application’s requirements, enhancing user engagement and responsiveness.
- Choosing the Right Language for Real-Time AI Backends: We’ll review the top contenders for real-time AI backend development, prioritizing safe, compiled languages over JavaScript, PHP, and Python. You’ll get a detailed look at the performance and safety advantages of Go, Rust, Nim, Zig, and Swift, with guidance on benchmarking to select the ideal language for high-performance, real-time AI applications.
Target Audience: intermediate/advanced#
This workshop is for developers familiar with basic AI concepts and have proficient experience with one or more web frameworks, and master proficiently in one or more programming languages, and want to deepen their skills in AI-driven UI customization. Also suitable for project managers and architects and senior developers looking to broaden and discover new ideas and applications.
Not for: Those with no prior experience in AI, backend languages, or web development basics, or those looking exclusively for beginner-level or purely theoretical content.
Design Systems crusader | Blockchain enthusiast | Making the IT world better one component at a time
Talks#
Evolving Design Tools and the Future of Digital Product Design
The designers' toolbox has evolved significantly over the years, much like JavaScript technologies. It has progressed from creating static JPEG images for website designs to prototyping interfaces and handing over full code directly from design tools. These platforms have revolutionized how designers visualize interactions and embraced the concept of components, aka design systems, to ensure consistency and efficiency. By allowing designers to distribute reusable elements and styles much like developers do, these tools have advanced to close the collaboration gap between the two disciplines. In this talk, we'll explore the contemporary workflow of designers, highlighting the dynamic collaboration facilitated by tools like Figma. Looking ahead, as the trend of integrating 3D elements into digital interfaces grows, we'll discuss how upcoming platforms such as Unity are becoming increasingly relevant. Finally, we'll spotlight the rapid advancements in AI and their transformative effects on the design landscape. Join us to gain a comprehensive understanding of the current state and future direction of digital product design, and learn how to effectively navigate and integrate these innovations into your workflow.
QA
Workshop#
Design Systems for Legacies
Over the past few years, numerous workshops and talks have explored the implementation of Design Systems from scratch. While these sessions have been invaluable for education and promoting the benefits of a Design System philosophy, it's important to recognize that not all projects begin anew. More often than not, we need to integrate a Design System into existing tech stacks. This process involves not just introducing a new library of components but also establishing a comprehensive workflow to enhance collaboration and communication among stakeholders.
In this workshop, we will explore the realities of implementing and integrating design systems into existing codebases. We’ll discuss how to engage stakeholders in conversations about design system practices, effectively transfer essential elements like design tokens from design teams to front-end developers, ensure consistent documentation across all teams, manage legacy templating, and more.
This workshop isn’t about starting a design system from scratch. We will focus on real-world use cases and strategies for overcoming the challenges of integrating your new design system into legacy projects.
The workshop draws on our experiences as designers and developers in implementing Design System components and infusing the Design System philosophy into legacy projects. Join us to learn practical strategies for seamless integration and to foster a collaborative design culture within your organization.
Takeaways#
- A reminder of what Design Systems are, their goals, and how to implement them
- Tools around DS for Designers and Developers
- Workflows to pass data and enforce communication
- Frameworks you want to use: documentation, design, tokens, components
- Topography of legacies and their DS compatibility
- Use cases
Who should join the workshop?#
You’re a Designer, Tech Leader, Architect, or Tech Writer working within a Design System-compatible ecosystem, but you’re facing challenges in implementing a Design System philosophy due to legacy stacks, components, and stakeholders. We’ve got you covered with practical strategies and frameworks to help you move forward. Bring your own use cases, and we’ll work through them together!
CTO at Zenika. 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#
You weren’t ready for Design systems
And suddenly, Design systems emerged—promising innovation, collaboration, and a bridge between designers, developers, accessibility experts, and security specialists... the stakes for frontend delivery are huge.
On a homogeneous full-stack JS/TS app, the technical challenge is relatively straightforward. With older backends boasting a solid API, a Backend for Frontend can do the trick, given a bit of sweat. But what about all the rest?
Join us for insights from implementing a Design System architecture within an aging backend (18 years old, aged in Python casks) that wasn’t intended for a complete rewrite but still manages server-side view rendering (HTML) and frontend asset delivery—all without sacrificing developer experience!
Integrating modern frontend tools—Vite.js, Stimulus, Storybook...—into an old Django setup: we’re closing that time loop and jumping on board! You weren’t ready for Design systems, but we made it happen anyway!
QA
Workshop#
Design Systems for Legacies
Over the past few years, numerous workshops and talks have explored the implementation of Design Systems from scratch. While these sessions have been invaluable for education and promoting the benefits of a Design System philosophy, it's important to recognize that not all projects begin anew. More often than not, we need to integrate a Design System into existing tech stacks. This process involves not just introducing a new library of components but also establishing a comprehensive workflow to enhance collaboration and communication among stakeholders.
In this workshop, we will explore the realities of implementing and integrating design systems into existing codebases. We’ll discuss how to engage stakeholders in conversations about design system practices, effectively transfer essential elements like design tokens from design teams to front-end developers, ensure consistent documentation across all teams, manage legacy templating, and more.
This workshop isn’t about starting a design system from scratch. We will focus on real-world use cases and strategies for overcoming the challenges of integrating your new design system into legacy projects.
The workshop draws on our experiences as designers and developers in implementing Design System components and infusing the Design System philosophy into legacy projects. Join us to learn practical strategies for seamless integration and to foster a collaborative design culture within your organization.
Takeaways#
- A reminder of what Design Systems are, their goals, and how to implement them
- Tools around DS for Designers and Developers
- Workflows to pass data and enforce communication
- Frameworks you want to use: documentation, design, tokens, components
- Topography of legacies and their DS compatibility
- Use cases
Who should join the workshop?#
You’re a Designer, Tech Leader, Architect, or Tech Writer working within a Design System-compatible ecosystem, but you’re facing challenges in implementing a Design System philosophy due to legacy stacks, components, and stakeholders. We’ve got you covered with practical strategies and frameworks to help you move forward. Bring your own use cases, and we’ll work through them together!
As an engineer, Georgios prides himself for being pragmatic and a generalist - engineering at its best is meant to bring an intention to life. To build a system that fulfills specific requirements over time. With over 12 years of experience working with or for startup organizations, he really knows what it takes to kickstart a project without sacrificing long-term goals like maintainability or scalability. Since he co-founded Zero to MVP in 2019, Georgios and his team have built over 25 systems that can pivot and scale.
Talks#
Mysterious talk
QA
Workshop#
Human and machine: Undoing the impact of living a tech-native life
Living a tech-native life comes with a cost to ourselves. There is plenty of research showing that our spine and joint health is deterioring faster than ever, due to our continuous use of electronic devices. This effect has been described by health professionals as an epidemic, and sitting is being described as worse than smoking. Given this background, what can we do to live a lifetime of ability free of pain and injuries?
This workshop has been designed to allow you to create habits that propel you to the right direction. It is based on 20% of theory and 80% of practice so you can try out the ideas. By joining this workshop, you will gain the following learnings:
- A fundamental understanding of key anatomical facts about the different systems that suffer when we deprive ourselves of movement.
- Awareness exercises to train your preprioception (your ability to understand what is going on with your body).
- Simple but effective joint mobility and movement exercises to reset your body on a daily basis, from the imprints of stress and the sitting posture.
Quick FAQ#
1. Are there physical requirements to join the workshop?
Any fitness level is appropriate, because none of the exercises shown in the workshop will be particularly demanding. If in doubt, please consult your physician. Other than that, come along!
2. What should I wear?
Please wear a comfortable outfit that allows you to move freely.
Chrome DevTools at Google. Web debugging and testing.
Talk#
Mysterious talk
Working on making the web faster in the Google Chrome team. Web performance nerd working on the Core Web Vitals initiative helping web developers make their websites faster and better!
Talks#
Mysterious talk
QA
Senior dev. Also a Google Developer Expert and published author. Very much into creative technology and HCI, mostly in JavaScript.
Talks#
Mysterious talk
QA
Software developer, music hacker. One half of Counterpoint.
Talks#
Mysterious talk
QA
Software Developer at Iltametsuri helping clients build fast and accessible experiences on the web. Passionate about web performance and accessibility.
Talks#
Mysterious talk
QA
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#
Mysterious talk
QA
Eeva-Jonna, or Eevis, is an accessibility specialist and senior Android developer. She is also Android GDE and Women Techmakers Ambassador. Her passion is to share knowledge, and she speaks and writes a blog. When she is not doing that, she explores the beautiful Finnish nature either by foot or kayak, or knits.
Talks#
Clicks, Taps, and Swipes: How Accessibility Varies Across Digital Platforms
Designing for accessibility is different on web and mobile platforms. Users rely on mouse, clicking, and using keyboards on the web, while mobile devices use taps, swipes, and gestures. These differences mean we need different approaches, like adjusting layouts for smaller screens or making touch navigation easier. What do these differences mean for how we make both web and mobile accessible?
In this talk, I will give you an overview of the differences between web and mobile accessibility. After listening to this talk, you'll know the first considerations when moving from desktop to mobile. Whether new to the topic or looking to expand your knowledge, this session will equip you with the tools to create more inclusive mobile experiences.
QA
Jussi Eronen#
Jussi is dedicated to keeping the internet safe. He works as a leading cybersecurity expert at the Cybersecurity center of Traficom.
Talks#
Mysterious talk
QA
Former React Core team member. Interactive storyteller. Infinite learner. Lightning before the thunder. Author of Animation at Work, Google Dev Expert—Formerly W3C, MSFT. INFJ singleton
Talks#
Mysterious talk
QA
Creating weird wonderful useless things with Raspberry Pi, Arduinos and LEDs. Engineer @ GitHub