THE BIGGEST REACT CONFERENCE WORLDWIDE

How do you level up? How do you jumpstart your learning when getting into something new? Nobody has more than 24 hours a day, so how do you maximize the impact of your limited time?

In this keynote, I'm going to tell you a bit of my own story, and some tips and tricks that I've learned so you can be as productive as you can be at learning new things and solidifying that knowledge so it's there when you need it.

We have been using hooks for a while and with that we have also been using useEffect in particular and in this today I wanna take a look at the trickier parts of useEffect and why they work that way so you can leave with a super understanding of how this magic all works

Single page applications pose a lot of technical challenges, largest of which is keeping your JavaScript payloads down in a growing application that requires JavaScript to be rendered. In this talk we'll take a deep dive into how code splitting works, how to write your code to best take advantage of code splitting, and take a peek at the implementation details of some of your favorite bundlers to better inform your code splitting strategies.

D3 and React have a hard time playing well with each other. Both vie for control of the DOM which can be stressful to manage. Fortunately, there’s a npm package for that! Meet react-reconciler, a package for building custom react renderers. Merging these two disparate technologies has been a journey of much learning. Join me as I take you on that exploration.

Whenever there's a conversation about working on React Native, versioning and release cycle usually arise as one of the pain points. But why is that the case? How complicated is it to create a new release of React Native? Surely it looks similar to the release process you are using... or not! During this talk I'll walk you through the many steps and complexities involved in publishing a new version or React Native, and I'll challenge one fundamental idea – that 1.0 is the solution to all problems. I hope you're ready, it's going to be wild!

There are many CSS-in-JS libraries for us to choose from. Imagine being able to take your favorite parts of those libraries and using them in one. Learn about the power of Theme UI.

Concurrent Mode is still experimental, but it's right around the corner. It not only brings new and exciting functionality to React, but it also introduces new nuances for how to think about components. In this talk we'll answer the basics in detail: what does Concurrent Mode actually give us, how can we approach adoption, why do we want it, and how can we adjust both our code and our mental model to set us up for success?

We all heard about the benefits of using GraphQL between the client and server, but when it comes to communication between services on the backend there is still a lot of discussions about different philosophies and solutions. Should you use Federation, Stitching or not use GraphQL at all? In this talk I'm going to demonstrate each approach, show the downsides of each of them and reveal a new, radical approach that brings the best of all worlds.

So you built a component library. Congrats! I am sure it is awesome but did you put the same effort into its documentation? Component libraries tend to have giant APIs, dozens of components, hundreds of props and thousands of permutations. That is a lot of information to unpack.

We could make the documentation very long or... super interactive. We combined component previews, API documentation, props editing and code editing into a single seamless experience. You can quickly explore various settings of each component while watching the code write itself.

This talk will show you how to leverage common tools and concepts such as Prettier, babel and AST transformations to build the documentation that can literally work for you.

Service workers can give users a huge boost in performance and user experience. If you read the API docs about how to create one, it all sounds relatively straightforward. You register a file, do some work in the worker, you're done! In the real world though, there's a bit more to it.

At Airbnb, we created a service worker system in React that lets us deliver service workers safely and efficiently, measuring the right things, and allowing experimentation and scope-sharing between different types of devices and parts of our site.

Ranging from app shells to precaching to prefetching, I will share with you some of the lessons we have learned from running service worker A/B tests on the most visited page at Airbnb, and what we learned from it!

No matter what size or stage of service worker adoption you are at, I will share ideas and lessons that will help you create a similar system for your project – one that ensures delivering service workers is fast, measurable, painless, and better for your users.

The next major version of Storybook helps you scale UI components and design systems across your company. You’ll see how key features like auto-generated documentation and story sharing enable your team to reuse existing components everywhere.

Working in tech can sometimes feel like a thankless grind. In this keynote, we’re not going to figure out how to fix tech — but maybe we can find some coping mechanisms to make our careers a bit more joyful.

In this talk, Jason Lengstorf will share his own story and those of other developers who seek out playful, fun outlets in their careers. You’ll learn the foundational skills that make it possible, the strategies that turn silliness into career growth, and ideas for how you can adopt these strategies and find more joy in your own career.

Accessibility in React has been a hot topic in the last few years, but in this talk, we'll be going beyond the basics. We'll discuss what disability means beyond what you've heard before, and then use code examples to learn why semantic HTML is helpful, and when it's just not enough. We'll then look into tooling, and talk about how you can introduce accessibility testing into your teams and existing code. You'll leave with the tools and knowledge to make a difference starting today.

We all strive to write the best React code we can but somehow nobody can agree on what it is or how to achieve it. What's worse, over time we change our minds on our goals and dev principles so it becomes even harder to keep our codebases clean. In this talk you'll hear some ideas on how we can determine what the difference is between good and bad, and how to write the best React we can.

Ever wondered how hackers can compromise your app and your app data? In this talk you will see how to infiltrate your own app with different techniques like decompiling, sniffing, etc.. By the end of the talk, you'll walk away a little bit scared but more prepared with some great practices to infiltrate your own app and the knowledge to battle them.

Building truly cross platform apps has been a turbulent landscape for the last couple of years. The arrival of React Native created the foundation for new way of thinking about cross-platform future, driven by open source and community. In this talk I will dive into some of the concepts and challenges behind building React Native apps for Mobile, Desktops, Browsers, TVs, Consoles, VR and Wearables.

So you know all about how to avoid redundant renders and make your components fast, but what about your app? This talk aims to widen the perspective and explores:

• Important performance metrics; how to measure, monitor and debug them.
• Architecture and product considerations of a fast and scalable app.
• Compile time optimizations.
• JavaScript runtimes.

Hugh Francis gives a play-by-play of the challenges around using React Native as the primary view layer embedded into the firmware for smartphone operating system. He discusses why React Native was chosen, breaks down the platform architecture, and walks through some of the unforeseen challenges that come with code-signing and distributing React Native as part of an Android (AOSP) firmware build-step.

In this talk we will take a closer look at react-native-shared-elements. A native library for performing smooth and fast shared element animations, even on older Android phones. We will take a look at how to integrate it with react-navigation; and how to use it with Expo and on the web.