Hosh'ki Tsunoda

Do you know how your design system is used over time? Or which teams and projects use your components, and how to identify usage patterns that can help improve them? Just like how we measure products and features to make improvements, there needs to be a way to measure the impact and usage of a design system so that we can make informed decisions. In this session, June will uncover how Hosh'ki, a Design System Engineer at Optimizely is tackling design system adoption leveraging data using Zeplin's newest product — Omlet, a component analytics tool for devs.

Data-Driven Design Systems in Practice

Design System Engineer

Melissa Medina

President

June Cho

Developer Advocate

Will Johnson

Are you filled with joy every time you create a new password to sign up for a new service? I'm going to guess no, and your users aren't jumping for joy either. This talk will explore what tools developers have at our disposal to create a login experience users will love and keep their data safe. We'll also get a peak at the future of web identity and a potential end of creating more passwords.

Look Mom, No Passwords! A Developers Guide to WebAuthn

Senior Developer Advocate

Rizèl Scarlett

If you’ve tried GitHub Copilot, you know that it can feel like magic. The tool fills out entire blocks of code with shocking accuracy—though knowing exactly where to correct it requires skill. In this session, Rizèl Scarlett shares how GitHub Copilot can help you level up your software engineering career.

Level up with Copilot

Facundo Giuliani

Here and there, people talk about “Personalization”. Content creators, marketers, and designers evaluate the possibilities to handle custom scenarios while offering powerful experiences to the users. Nobody wants to offer a Mr. Spock t-shirt to a Star Wars fan. And we, the developers, have some ways to help with that. Let’s talk about personalization, the benefits, the challenges, and how we can manage and offer personalized experiences in our projects.

Personalization: The Art of Offering Custom Experiences

Team Manager and Developer Relations Engineer

Una Kravets

The web platform has leveled up significantly in the past few months. There are so many powerful new CSS and UI capabilities at your fingertips that you might not even know about that can reduce your script payload and make your life a lot easier. This talk covers some of the new landings in the native web space space, such as powerful new selectors, container queries, experimental native UI components (and more) to improve your developer experience.

The Best JavaScript is No JavaScript

Staff Developer Relations Engineer

Julian Benegas

On scroll animation stories—a.k.a “Scrollytelling”—are a powerful way to make your website stand out in a compelling way. In this talk, we’ll explore some of the principles to take into account when creating these types of experiences, as well as dive into some React code to build this together.

Create Engaging “Scrollytelling” Experiences With React & GSAP

Head of Development

Christopher "Vjeux" Chedeau

Video editing is a booming market with influencers being all the rage with Reels, TikTok, Youtube. Did you know that browsers now have all the APIs to do video editing in the browser? In this talk I'm going to give you a primer on how video encoding works and how to make it work within the browser. Spoiler, it's not trivial!

Video Editing in the Browser

Frontend Engineer

Andronica Klaas

QA Engineering Lead

Ptah Dunbar

Founder

Ryan Magoon

Many companies build software with a focus on accessibility from a bare minimum compliance perspective which is incompatible with the persona of the highly effective disabled person/working professional. In this talk I will teach you how to think in terms of excellence and optimal outcomes for your disabled users while going over some case studies from companies who are great at this (Discord, etc) and ended up making better user experiences across the board with their strategy.

Building for Disabled Power Users

Senior Staff Engineer

Stephanie Modica

Blockchain technology is complicated. In this talk, I’ll share a project we created at Visa to help our clients and colleagues feel the pulse of the Ethereum blockchain. This project leverages @pmndrs suite of React libraries to bring clarity to complexity through sensory experience.

Visualizing the Blockchain

Staff Design Engineer, Data Experience

Danielle Maxwell

Although some may claim microservices are dead, micro frontends are gaining steam in the React community and amongst frontend developers as a whole. Having applications devoted to small services or specific parts of a website can make it easier and faster to ship updates. However, before choosing to adopt the micro frontend architecture there are questions teams should consider, like how to handle code and dependency duplication and how to ensure consistency across multiple apps. In this talk, I’ll present 5 questions to ask yourself before working with micro frontends that will help you decide if it’s the optimal solution for your team.

To Micro Frontend or Not to Micro Frontend: 5 Questions to Ask First

Junior Distributed Systems Engineer

Rashmi Nagpal

Have you ever wondered if we can really build machine learning models in Javascript, rather than in the mainstream languages like Python or R? Afterall, Javascript is the most used language by the developers, according to a 2019 survey by Stack Overflow. Well, this sounds like a crazy idea, because javascript is not designed for high performance computing and neural networks are compute-intensive! But, wait a minute - we have libraries in javascript such as Onnx.js, Tensorflow.js to our rescue! In this talk, I’ll be delving deeper into the process of developing machine learning applications using React.

Build Your Machine Learning Model on Edge with React Native

Software Engineer

Sunil Pai

Building realtime collaborative applications used to be hard and expensive. But recent years have created a shift in the ecosystem where technologies like edge computing, CRDTs, and other realtime technologies make this accessible for regular developers to use. Sunil does a quick tour of how to build collaborative applications, and does a demo that gets the entire audience to go wild in a shared space!

Everything's Better With Friends

Aleksandra Sikora

Client-server communication is one of the most problematic parts of web development. Luckily for us, there are excellent tools in the React ecosystem ready to tackle this problem. During my talk, we're going to explore the not-so-new way of handling the API layer, but before that — I will take you to the 80s to see how we got here.

Take a Rest from REST

Open Source Developer

Anthony Shew

This is not a pep talk, motivational speech, nor a meeting with a mental health professional. You'll walk away from here with tooling to make your development habits more reliable, more stable, and more fruitful. We'll visit tools like The Rubber Deck Method, Two Minutes of Stillness, The Sticky Note, and Routine Development, all methodology that I got to learn while playing professional sports. We will learn to grow, fail, and succeed together.

On-demand Flow State: A Framework for Mental Performance

Content Engineer

Mark Erikson

Redux is the most widely used state management library with React apps and helps make app logic predictable, but it's always had a reputation for "boilerplate" and complexity. What if there was a better way to write Redux logic, without that boilerplate? That's why the Redux team created Redux Toolkit (RTK), which simplifies Redux development and provides tools for standard Redux usage, and makes "modern Redux" much easier to learn and use.  In this talk, we'll look at the history behind Redux Toolkit and the problems it solves, the APIs included in RTK and how they help with common use cases, and tips for using RTK effectively with TypeScript and data fetching.

Modern Redux with Redux Toolkit

Senior Front-End Engineer

Kathleen McMahon

Design System components are like guests at a Venetian Carnival, enjoying the festivities. One guest in particular — the disclosure widget — is known for wearing three distinct masks and elevates a Carnival into the most exclusive Masquerade Ball. Or… is it? What kind of Carnival are you attending if those masks get mixed? In this talk, you’ll learn the secret to creating a reusable — and accessible — component that can masquerade as many, and give your component library access to the most exclusive of Carnival attractions.

Design Systems are a Carnival! One Accessible Component, Many Pretty Masks

Senior Design Systems Engineer

Michael Liendo

The modern SaaS tech stack has evolved to the cloud. This fullstack setup is now managed, serverless, and fully-typed. Furthermore, when it comes to having an API that binds the frontend with the backend, companies are choosing GraphQL. In this session, we'll learn about the benefits of using managed services on AWS, and dissect exactly what makes combining NextJS and the AWS CDK so powerful together. By the end, you'll have resources needed so that your next SaaS project can be setup for success on day one.

Your SaaS forecast: Cloudy with a chance of GraphQL

Ken Wheeler

A ton of people don't actually know how to use dev tools. In this talk I'll explore some of the better features of dev tools, and how they can help you find bugs faster, make your apps run quicker, and even center a div.

Getting Down to Brass Tacks: Using Chrome Dev Tools to Level Up Your Applications

Kathryn Grayson Nanz

In an ideal world, usability testing might be considered the job responsibility of UX designers or researchers – but for many developers, for various reasons, that situation just isn’t a reality. No matter what your situation is, I’m here to assure you that running basic usability tests is something you are completely capable of – and it comes with the bonus of making you a better developer, as well. In this session, we’ll discuss finding participants, thinking through the testing logistics, writing and facilitating a usability test, and then reviewing the data.

Usability Testing for Developers

Jennifer Robison

Who says you can't have it all? Why settle for just a web app when you can deploy cross platform with React Native. Using your current React skills, let's ship mobile with a few easy steps and best practices.

Don't just React, Mobilize!

Senior Software Engineer

Kent C. Dodds

The web. What started as a document sharing platform has evolved into an application platform. The web has been through a number of transformations over the years. From static HTML files to dynamic server-generated HTML responses. Then to REST or GraphQL APIs consumed by JavaScript-heavy clients with the Jamstack. The web is entering a completely new transformation. Modern infrastructure and techniques have changed the rules of what it means to make an excellent user experience. In this new future, what's old is new and what's modern is lacking.  In this keynote, Kent C. Dodds will show you how this transformation will impact your user experience, your development productivity, and your business goals. The future of the web is distributed. It's faster. It's cheaper. It's exciting. Kent will show you what you can do to stay in front of it (and no, I'm not talking about web3 or web5 ).

Keynote: The Web's Next Transition

Software Engineer and Educator

Tejas Kumar

This is a talk about overcoming a number of illnesses and setbacks using code as a medium, while also teaching specific technical and non-technical skills in the process.

React as a Developer Health Tool

Dax Raad

A deep dive into the cloud infrastructure that powers deployments of Next.js and other frontend frameworks. We'll jump into the technical details on how the pros at Vercel, Netlify and Amplify get their stunning performance and learn how you can too - without a lot of effort!

The Hidden Infrastructure Powering our Frontends

Core Team

Hassan El Mghari

Learn tips and tricks for building high performance e-commerce applications using Next.js, Server Components, and the new app directory.	

Building the Fastest Commerce Site: How we Built Next.js Commerce 2.0

Jenny Truong

How easy is it to accidentally transition from being productive to burning out? In this talk, we'll be exploring the unexpected states of burnout: how burnout can manifest, and how it can impact our lives in unexpected ways. I'll also share some tips for managing burnout and preventing it from taking over our lives, drawing from experience working in a highly-productive startup. We tend to think in the moment in life - I'm tired, I'm hungry, I'm burnt out. But we sometimes fail to think about the transitions between the states - how did I become tired, burnt out, and how do I transition to a better state? Then, how do I avoid taking the transitions back to states I don't want to be in? Thinking in terms of states and transitions is a useful mental model not only for software development, but for understanding yourself and having better control of your life.

The Unexpected States of Burnout

Developer Relations

Henri Helvetica

There are many variables to consider when discussing web performance in 2023. 'R is for React Performance' is a fun, ACCESSIBLE, and unique talk which runs through every letter of the alphabet, discussing a coordinating API or best practice, explaining the term, and its relationship with web performance and React. Using available data, this talk also exposes areas of possible improvements with each term so that developers walk away with not only data points, but also increased performance literacy which is essential in web performance today.

R Is For React Performance

Developer Community Lead

Josh Goldberg

Static analysis -tools that analyze your code without running it- are a powerful way to level yourself up as a developer. But, there are a lot of them, and it can be confusing figuring out which tooling to enable. This talk will walk you through the “why” and “how” for the ESLint and TypeScript settings that will best serve you in a React application.

Setting Up ESLint and TypeScript for React

Selena Small

A roller coaster journey of how to get the most out of pair-programming. Live on stage acting out highs, lows, do’s and don’ts of pair-programming. Laughs and tears are guaranteed as the audience connects on the difficulties and ultimately the rewards that can be reaped through effective pairing.

Speakers