React Core. Interactive storyteller. Infinite learner. Lightning before the thunder. Author of Animation at Work, Google Dev Expert—Formerly W3C, MSFT. INFJ singleton
Stephen is a Frontend Engineering Lead at BCaster and doubles as the Arch Conveyer/Community Manager of CodeAfrique, a not-for-profit weekend intensive software engineering Bootcamp for underrepresented groups in IT which was first started off in Estonia. During my free time, I sometimes volunteer as an open-source developer for https://adsbexchange.com, play golf and coach football (soccer as Americans call it).
Margarita is a software engineer and international speaker on tools to improving software development processes. She is a consultant software engineer, who loves to find different ways to optimize project work.
🎙 Taming UI complexity with finite state machines #
Most UI components are challenging on web. I asked people on Twitter about their opinion on what are the most challenging and complex UI components they know.
In the answers, there were Carousels, Async selects, etc. I took Carousel as an example and reviewed the implementation of some of the most popular open source ones. They had some bugs due to complexity of configs.
I tried to model the complexity using Finite state machines. When I was done, it was super solid and those computation bugs were gone as well. Since FSM gives you the graph of all possible combinations, I generated all the permutations, rendered all the possible variations of the carousel and tested them visually using Cypress and Percy.
Using this approach, you get to develop complex UI components, Manage their complexity using FSM and get to test them using property based testing techniques and get all the possible outputs visualized without a need to test them in your UI at all!
I am passionate about making open source software. My libraries and tools are used in production by thousands of developers including teams at Microsoft, Amazon, Twitter, Airbnb, Walmart, Verizon, Lyft, Stripe, Samsung, US Army, NASA, NOAA, 18F, Canadian Design Service, Morgan Stanley, Goldman Sachs, NFL, MLB, and Coinbase.
Brent Jackson lives in Brooklyn, NY with his partner and calico roommate. Originally from Huntington, West Virginia, he studied Sociology, Graphic Design, and Japanese Language at Marshall University.
His career in tech has led him from Web and interaction design to user experience design to front-end development. Jackson currently works at Gatsby, previously at Kickstarter, Etsy, LivingSocial, Stitch Fix, and Priceline. He has worked on several open source projects, including Basscss, CSS Stats, Colorable, Rebass, Styled System, Theme UI, and MDX Deck.
Software Developer at Futurice helping clients build fast and accessible experiences on the web. Passionate about web performance and accessibility.
⚡️ How we made is.fi, Finland’s largest website faster, cleaner, and more accessible #
Full rewrite from scratch is almost always a bad idea. In most cases, the end result is barely better than the legacy service that was supposed to be renewed. However, in some cases a full rewrite is the only sensible option. That was our case when we took a critical look at our architecture and the amount of technical debt at Ilta-Sanomat web project. The project had grown over the years and was in a state where creating new features was slow, the code was not very maintainable and the performance was not at a desired level.
The decision was made, and we started rewriting the whole project from scratch, including the backend that provides the data. We rebuilt the site as a Server Side Rendered React application using Next.js while also renewing the design. For state management we only use React’s built-in tools, hooks and the Context API. A design system was also set up during the project in order to make sure the design and development will remain in sync in the future and the development faster and more enjoyable. Better performance and accessibility were the main goals of this renewal project. How did we achieve these goals despite the scale of the project and the amount of third party scripts and other requirements?
Nik cares about good UX and development tools. He co-created several popular open source projects like DraftJS Plugins and Polished. Nik participated in Stripe’s Open Source Retreat and joined Serverless Inc. to deploy auto-scaling infrastructures. In his spare-time he enjoys writing code in Reason and play with WebVR as well as organising the ReactJS Vienna meetup.
I'm a web performance consultant, developer, writer, and speaker. I work to make the web faster for everyone, everywhere.
🎙 Make It Boring #
In this session, you’ll learn why building for the web with a greater emphasis on core technologies is far from boring, but truly rewarding and exciting work that makes the web more inclusive.
Lauri is a Lead Frontend developer at Alma Media. He's currently interested in Web Workers and psychological safety in work teams. Always ready for a bicycle ride or for a cup of good coffee
Making people's lives better with software.
🎙 The Future of Real-time | Offline | Data #
Complexity, and the consistent attempts to reduce complexity, is at the core of the evolution of technology. As technology evolves, we then find harder problems to solve and are presented with new challenges. In the client space, we’ve seen innovation that has addressed how we deal with modern application concerns like real-time and offline data while at the same time GraphQL has continued to gain in market share.
What happens when we take the advancements that GraphQL has introduced as a paradigm and combine them with a mental model that all data should be local and offline first, with eventual consistency to your database as a second thought? In this talk, I’ll talk about a data store paradigm that allows developers to work with a single, local database and source of truth, and the idea that you should not have to make more than one write action to have (eventual) consistency across the client and server.
Emma Bostian is a UX Engineer based in Karlsruhe, Germany. She began her career as a Software Engineer at IBM in Austin, Texas, and three years later picked up and moved abroad. She currently focuses on building Design Systems with React. She founded and manages an open-source project, Coding Coach, is a co-host of the Ladybug Podcast.
Ville is an inspired front end prodigy who started his deep dive into React Native over 3 years ago, and still hasn’t resurfaced. He’s a forward-leaning tech driver often found rambling about UX, accessibility, processes or psychology. Ville tends to get involved wherever anything regarding those could be improved. Currently, Ville works as a Senior Software Engineer and Web Tech Lead at Qvik. Spend a few minutes with him, you’ll learn something new!
⚡️ Hacking App Ratings #
React Native or React hybrid mobile apps are more prevalent than ever. Yet, the pitfalls of mobile can take many developers coming from the browser world by surprise. App store ratings are a notoriously impactful metric for every app out there, a metric that’s not easy to push into the higher ranks. Understanding the app store market is easy enough, but the industry secret lies in making a consistent rating system that hacks deep into the end user’s mind using psychology and great user experience – all in an ethical way. Learn the principles of how to get that 2,7 average star rating into 4,2 stars in no longer than two weeks, and fully in JS.
Software engineer, co-organizer of React Munich.
Originally from Nicaragua, Eli is a London-based web engineer, speaker and community organiser. She is currently helping make money work for everyone at Monzo bank. When she's not working you can probably find her at meetups, conferences or on Twitter.
🎙 What is the deal with i18n? #
While about 51% of the world’s websites are in English, only about 25% of web users are English speakers. With half of the world’s population online, internationalisation is as relevant as ever. Let’s explore what i18n means, how it gets made on the web and what we should keep in mind or avoid when making the web more accessible to the world.
Working to make the web a better place. Mental health advocate, passionate about a11y, requires strong coffee.
Tae'lur Alexis is a Software Engineer with a love for building accessible UI and Founder of @CodeEverydayio. She is passionate about sharing her love for learning and helping people get into tech.
An avid reader who is always trying to learn concepts and best practices which should be followed while programming.
🎙 Upgrading your legacy code incrementally with codemods #
Xiaoru is a computer science student at Karlsruhe Institute of Technology, Germany. He loves to teach himself cool stuff like machine learning and web technologies and write about them.
⚡️ React for Command-Line Interfaces! (feat. Ink) #
Text-based CLI tools are great. They are fast, lightweight, and universally accessible. But what does CLI have to do with React?
In this lightning talk, we will have a look at Ink - a wonderful custom React renderer that allows us to use Flexbox to create excellent command-line interfaces with ease. Want to create a companion CLI tool for the next big thing that you are working on? Build it with React!
⚡️ Notes to my younger self #
Target audience – Those that have been in the industry for a relatively short period of time, or haven’t been through half a dozen companies already.
Want to hear about getting the most out of the company you are in, whether it’s a dead end job or perhaps the company are on the brink of sinking into oblivion? Maybe you’ve hit the apparent jackpot and are working in the most fantastic start up – is it though?
It's also about you! Listen to this talk and hear real life lessons on why Monday mornings are not painful, but are instead something that can be looked forward to.
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 write code and love life.
Devoted to the arduous task of making devs take real world problems as seriously as their tooling.