🎙 The State of XState #
Over the past few years, state machines, statecharts, and the actor model have proven to be viable concepts for building complex application logic in a clear, visual way with XState. In this talk, we'll take a peek into the future of XState, including new features in the next version, and new tools and services that will make it even easier to create and collaborate on state machines.
Head of Developer Relations at api.video
🎙 Video streaming on the web: Live and recorded video streaming #
In this presentation, we'll present how video streaming works. We'll look at the anatomy of video streaming, and how video streaming is beneficial for delivering your content over just adding mp4 files.
We'll demonstrate live streaming from the browser, and then how to integrate that live stream into your webpage.
🎙 Integration Testing for React Native Apps #
My unpopular opinion is that testing is ... important. How do you test your React Native apps? In this presentation I will show how to run full integrations tests using Cypress while the RN app is running in the browser. This method can cover most of the application's code and be effective at finding logical errors and mistakes when calling the server APIs.
The author of react-spring, react-three-fiber, zustand, and many more libraries.
Open-source contributor. JS fanatic. I love optimizing workflows.
🎙 Using Apollo Federation in a microservice architecture in Kubernetes #
Being flexible with Apollo Federation and autoscaling with Kubernetes opens many opportunities to scale your app. Jan will show how these two services work hand in hand and why autoscaling matters.
Content lead at Robocorp
David is Coding Architect at SQUER, a Viennese Software Company, which is working with different stacks and environments, but always an overarching mission: connect ideas and provide impact — with technology. He spends much of his time on the frontlines tackling the challenges of scaling software and complex domains, with a strong focus on reactive systems, cloud-native architectures and state of the art web technologies. David enjoys sharing his knowledge as a speaker at conferences and as a lecturer for his post-diploma courses at the University of Applied Sciences Technikum Vienna.
🎙 Micro Frontends in React — a State of the Art Approach #
David will explain the different possibilities to implement MicroFrontends in the past, the present, and the future. More importantly, he will leave you to know which of the available approaches is best suited for your specific task at hand.
Building mobile apps. I aim to write reliable and well-documented software.
🎙 Hooks are a great abstraction model #
The discussion explores the separation of concerns between logic (Model) and UI (View) and how React hooks are a great abstraction model that help achieve that.
We'll start with designing a component's API (in a top down approach), then dive deeper to explore how to implement this API, while maintaining a good separation of concerns.
We'll create custom React hooks to implement the Model and React components for the UI. Both expose self-documenting APIs and are completely decoupled from each other.
To demo this approach, we'll create a simple Toggler component (a UI component that allows going back and forth in an array of values).
Towards the end, we'll explore the benefits, focusing on testing these decoupled units in isolation.
Eclectic Code Designer. UI Developer for web & mobile. Organizer of revo.js conference.
🎙 A thorough analysis of CSS-in-JS #
There are more than 50 different CSS-in-JS libraries out there and each of them provides a unique set of features.
Instead of reviewing each individual library, we’ll analyse the various features that these libraries have to offer, to better understand what approach better suits a specific use-case.
CSS Modules co-creator, Playroom, Braid, MelbJS. OSS / UI / design / tooling at @seek-oss
Developer Relations Engineer at Storyblok. Systems Engineer. Full Stack Developer.
🎙 How to View and React without a Head #
You might have heard about Headless CMS. This new type of content platform gives us some benefits compared to a Monolithic CMS.
We will talk about the key features of any Headless CMS and how we can integrate a headless platform into our React applications. We will focus on Storyblok, a headless CMS that offers a real-time Visual Editor, a great feature for developers and content creators.
Founder of @ReactBricks, the Visual editing CMS.
🎙 React Bricks: a CMS with visual editing based on React components #
Headless CMSs are great for developers, but not for content creators.
React Bricks is the first CMS that is super-great for Developers (it's just React, backed by solid APIs), for Content Creators (it keeps the visual editing experience of no-code tools like Wix) and for Designers (you can express your exact design system and be sure nobody will break it). I'll show you how it works!
Frontend Engineer @shoptradeco | @gsoc 2019 & 2020
I’m a friendly designer originally from the UK, now living in Ireland. You’ll usually find me talking about rights-respecting design, accessibility and inclusivity, privacy, web design and development.
🎙 Introducing state machines and statecharts #
State machines and statecharts can seem intimidating. Especially if you (like me!) didn’t study computer science, aren’t big into maths, or just haven’t come across state machines and statecharts before.
In this session, you’ll get a whirlwind introduction to state machines and statecharts, no prior knowledge and no coding experience required. Are you already familiar with state machines and statecharts but want to get a better understanding of the benefits and how to convince your team to get onboard? That’ll be covered too.
You could be a developer, designer, project manager, multi-disciplinarian or fancy specialist, I believe everyone can get something out of this talk, so join me!
Lead Developer at Stately. Trying to bring on the visual coding revolution.
DesignOps — Frontend-Developer and Node.js enthusiast working @Dynatrace with a passion for enhancing design workflows
🎙 Automate your stack with GraphQL #
Lukas will demonstrate how you can have your backend GraphQL in sync with your frontend code on a framework agnostic way.
- Having the advantage of autocompletion while writing the GraphQL queries by IDE support
- Built in type safety through static schemas
- Automatic generated frontend code for your framework of choice (React, Vue.js, Angular)
- Having everything rebuild through a built in watch mode
Lead maintainer for 📦🔒 Verdaccio • 👨🏽💻 React and Node.js developer • Open Source believer
🎙 Testing the integrity of your React components by publishing in a private registry #
The final stage of a react component is when it is being published and distributed. How can I ensure my packages won’t crash in production? This talk will help you to test your React components by publishing them to a private registry and running End-to-End tests against them.
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".
🎙 The Eternal Sunshine of the Zero Build Pipeline #
So we made Webapps for years, developing with awesome reactive frameworks and bundling a lot of dependencies. We progressively moved from our simplicity to complex apps toolchains. We've become the new Java-like ecosystem. It sucks.
Introducing Snowpack, Vite, Astro, and other Bare Modules tools concepts!
🎙 KISS Your UI #
Design Systems for your components framework
Atomic Design was Imagined by Brad Frost 10 years ago, and has pushed the creation of interfaces to the Design Systems era. Yet, it’s still very adapted to the components frameworks pattern. No matter you’re committed to React, Vue.js, Svelte, or whatever other modern front-end framework.
Let’s discover how a KISS (Keep It Simple System) methodology like the Design Systems applied to our modern interfaces suits very well to our front-end tooling. This talk will introduce you to the Wonderland of reusable interfaces. Easy to build, easy to maintain, easy to deploy, and easy to document! From templates to style guides, come to find how to improve your daily-basis workflow!
Web developer and graphic designer. Creator of Aleph.js and esm.sh.
Managing Consultant @ Columbia Road, Advisor, Coach, Teacher.
Apart from this, I also love creating colour-coded diagrams. I create them to capture and document my learning. Diagraming have been an effective tool in my learning journey of Laravel, Vue js and of course, my absolute favourite, Nuxt js.
React Core. Interactive storyteller. Infinite learner. Lightning before the thunder. Author of Animation at Work, Google Dev Expert—Formerly W3C, MSFT. INFJ singleton
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.
🎙 How to Catch Low-Hanging Accessibility Fruits while Developing #
We, as developers, tend to develop sites for users like ourselves, which usually causes accessibility problems. As we are often sighted, can use a mouse, and have good fine motor skills, we might (unconsciously) forget those users who aren't like us.
In this demo, I will show some techniques every developer should know and use when developing their sites or apps. These simple checks don't ensure 100% accessibility but help catch the most obvious flaws in your site.
Software Engineer at Infobip and occasional presenter.
🎙 Continuous Localization in Enterprise Web Projects #
Did you know that 50% of users will NOT use the English version of your application, if it supports multiple languages? For ambitious high-growth businesses, going global is not "if" but "when" so it's important to recognize the importance of localization, especially in large multi-team projects. This discussion will explore the depths of localization in Agile companies and what can be achieved with a Continuous Localization system. I'll share some common issues we faced with multi-language products and how localization automation helped us to scale the process across many product teams within the company.
Lainey Feingold is a disability rights lawyer in the United States who has worked to make the digital world more inclusive since 1995 and negotiated the first web accessibility agreement in the United States in 2000. Lainey is an international speaker and the Digital Accessibility Resource for the global business to business non-profit Disability:IN. Lainey believes in collaboration over conflict. She developed and practices Structured Negotiation, a problem-solving strategy that avoids lawsuits and focuses on lasting change and relationship-building in the digital accessibility space. She is the author of Structured Negotiation: A Winning Alternative to Lawsuits.
🎙 The Digital Accessibility Legal Landscape – why it matters for developers #
Digital accessibility is a human right of people with disabilities around the globe. That means developers have an important role to play in advancing human rights! Join U.S. disability rights lawyer Lainey Feingold for a practical interactive discussion about laws and policies around the globe that impact digital accessibility. Come learn best practices for digital accessibility and how we all can “put the law in our pocket” to help make the digital world inclusive for everyone.
🚀 Developer Happiness Engineer
Freelancer • Web and Mobile Tech Lead/PM • Occasional public speaker | I will help you articulate your idea, develop your product and pitch your business.
🎙 How to structure, style and document your components for maximum effectiveness #
I'll present a practical approach to styling react components, a folder structure and documentation structure that's very easy to follow (for onboarding members) + other insights I got while using this approach.
🎙 React on Steroids with Nx! #
We often talk and hear about scaling in production, but we rarely talk about scaling development. Aspects like structuring and organizing your codebase, code sharing across teams, speeding up build and test runs can play a huge role in terms of productivity for a developer team. That impacts small teams but gets even more evident as your team grows and especially for large enterprises.
In this short talk I'm going to demo Nx and what it can do for you to help you modularize your React code, generate code for you, help you build faster and much more. Tune in to learn about the build framework you've been missing in your tool belt!
Senior Frontend Developer at Brella
GitHub Star 🌟 · DevRel at Snyk 🥑 · Author of Essential Node.js Security · Node.js CLI Best Practices 🔥 · Docker security 🐳
🎙 You thought your React application is secure? Think again #
Modern frontend frameworks like React are well thought-of in their application security design and that’s great. However, there is still plenty of room for developers to make mistakes and use insecure APIs, vulnerable components, or generally do the wrong thing that turns user input into a Cross-site Scripting vulnerability (XSS). Let me show you how React applications get hacked in the real-world.
Executive Talent Agent | Part-time PhD Researcher
🎙 The future of software development in Finland #
Finland's the happy nation and in need of very many newcomers to the country especially in the tech field. What's realistic to expect in the future Finnish job market as a developer? Where do we expect the developer jobs to progress in the future?
Business-oriented software product engineer (M.Sc. in computer science) featuring 15 years of professional involvement in the entire life-cycle of digital products. Experience developing a variety of disruptive Internet technologies. Insights into modern travel, smart cities, the gig economy and social networking services.
🎙 Becoming a React developer - A hiring manager’s perspective #
The landscape of popular JS frameworks and libraries has become increasingly polarised. With React standing out an increasing number of companies are struggling to find skilled developers. People experienced in React are in a great position. Nevertheless, what if my CV lacks the right keyword? What if my Angular experience looks more like a burden? Can I apply for a front-end developer position in a React project?