Reactathon has been postponed due to the COVID-19 pandemic.  Learn more here. 

AT A GLANCE

8:00 am Doors open
9:00 am Talks start
6:00 pm Talks end
6:00 pm Offsite Afterparty

8:00 am
Doors open
Location: Continental Ballroom, Ballroom Level of the Hilton San Francisco Union Square

8:55 am
Welcome & Introduction
Anjana Vakil

Anjana Vakil

Mapbox
Anjana suffers from a debilitating case of curiosity, which led her from philosophy to English teaching to computational linguistics to software development. She can often be found coding in San Francisco; that is, when she's not speaking at events around the world to share the joy of programming and advocate for a more diverse and inclusive tech industry. Ask her about the Recurse Center, Outreachy, and Mozilla TechSpeakers!
Settle in for the welcome address by our Master of Ceremonies, Anjana Vakil

9:00 am
Keynote: Managing React Application State Management
Kent C. Dodds

Kent C. Dodds

KentCDodds.com
Kent C. Dodds is a world-renowned speaker, teacher, and trainer who is actively involved in the open source community as a maintainer and contributor of hundreds of popular npm packages. Kent is the creator of TestingJavaScript.com, and he's an instructor on egghead.io and Frontend Masters. He's also a Google Developer Expert. Kent is happily married and the father of four kids. He likes his family, code, JavaScript, and React.
Application State Management is one of the hardest parts of building and maintaining React Applications. The number of options you have is numerous and the reason is that it's just such a hard problem with so many nuances and trade-offs. One thing that makes application state management harder is when we aren't thoughtful about how that state is organized and categorized in our app. There are different kinds of state and they require different approaches for management. When you try to treat all app state exactly the same is when problems come into play. Let's talk about what some of those categories are and how we can drastically simplify our application code and improve our app's performance by thinking about and organizing our state differently.

9:40 am
Inside React: A Deeper Look
Tejas Kumar

Tejas Kumar

G2i
Tejas has been programming since age 8. From vanilla JavaScript, through popular JavaScript libraries like jQuery, scriptaculous and mootools, through React. He has built large, profitable React applications over his tenure for a number of establishments, as well as open source design systems and data-related libraries. Tejas believes the component model of React, in addition to high developer sensitivity from the core team is what has led to React's dominance of the modern web platform.
We spend a lot of time using React as a component abstraction layer on the DOM. This talk peeks under the surface as we explore together what makes React, React.

10:10 am
Building Considerate React Component APIs with TypeScript
Daria Caraway

Daria Caraway

Workday
Daria is a Speaker, Certified Scrum Master and Software Engineer at Workday where she builds consumer grade experiences for the enterprise user. Daria currently resides in her hometown of Boulder, Colorado where she will often be found at the rock climbing gym or hanging out with her cat, Odin.
TypeScript is often praised for adding a layer of bug protection on top of JavaScript applications. But, how can we also use TypeScript to improve the readability of our React component interfaces for our fellow team members? Just because types compile, doesn’t mean they are helping to document and describe our code for our future selves and others. Perhaps we can shift our perspective about TypeScript from a bug catching tool to a developer experience tool that enables us to write reasonable and intuitive code interfaces. In this talk, you will learn how to think like a consumer and take advantage of basic and advanced TypeScript types to enhance the readability of your React component APIs.

10:35 am
Break
Reflect on the morning talks by chatting with other attendees, speakers, and sponsors!

11:00 am
Escaping flatland: a romance of data science in the browser.
Jana Beck

Jana Beck

Stitch Fix
Jana took the long road to web development with a significant delay as a Ph.D. candidate in linguistics doing a lot of scientific computing in Python. Today she works as a front end engineer supporting data scientists at Stitch Fix. When she's not coding or sleeping, there's a high probability that Jana is sweating in a dance studio or a gym.
React’s top-down data flow has always been a particularly good fit for building data visualizations. In this talk, we’ll look at using React in combination with some web standard technologies—Web Workers and OffscreenCanvas—to do dimensionality reduction in the browser. Dimensionality reduction—and in particular here, UMAP—is a data science technique that is often used to facilitate visual exploration of high-dimensional datasets, but until recently it’s been too computationally expensive to do live and on demand in the browser. We’ll show how to wrap a JavaScript implementation of UMAP into a DX-friendly custom React hook, and we’ll dive deep into the specific features of Web Workers that aid in making it possible to perform tasks typically reserved for cloud computing jobs in the browser, albeit on smaller samples from data sets. These features include transferable objects, which allow for efficient, zero-copy passing of computed results back to the browser from the Worker and OffscreenCanvas, a bleeding edge browser feature that can let us even perform the visual rendering of the UMAP result without leaving the Worker.

11:30 am
Building React Apps with Internationalization (I18N) in Mind
Naomi Meyer

Naomi Meyer

Adobe
Naomi works as a Software Development Engineer at Adobe in New York City, where she is the product champion for internationalization (i18n) on her team. Before writing JavaScript full time, Naomi worked teaching English as a foreign language in local classrooms across Asia and West Africa. She is passionate about developing with diversity, inclusion, and internationalization (i18n) in mind, and enjoys hiking and riding bikes on the weekends.
At Adobe we build products for the world, this talk with provide a high level overview of internationalization (I18N), localization (L10N), and globalization (G11N) best practices - specifically within a React context. We'll go over why these are important and how best to implement in design, UX, and within the codebase - using React examples as well as React and JavaScript tool recommendations.

11:55 am
State: The Next (Auto-)Generation
David Khourshid

David Khourshid

Microsoft
David Khourshid (known on Twitter as David K. Piano) is a software engineer for Microsoft, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about statecharts and software modeling, reactive animations, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.
Diagrams, user stories, tests, documentation. If you just sighed, you're one of many developers who know the hardships of keeping these vital parts of software in sync with the apps you develop. But what if there was a way to autogenerate these? Enter model-driven development. In this talk, we'll explore how state machines and statecharts can be used to model even the most complex logic and automatically visualize, generate tests, produce documentation, and more. Learn how to leverage models, save time, and ship faster, more robust React apps.

12:20 pm
Lunch
Reflect on the late morning talks over lunch with colleagues and new friends! Lunch provided on-site.

1:00 pm
Lunch & Learn: Talk to be determined
Speaker TBD

Speaker TBD

TBD

Fancy learning more from talks during lunch? Join us for this session, beginning 40 minutes after lunch starts.

1:40 pm
The Future is Now: Building Sci-Fi-Inspired User Interfaces
Cassidy Williams

Cassidy Williams

React Training
Cassidy is an instructor and developer with React Training. She's worked for CodePen, Amazon, Venmo, and more, and she's had the honor of working with various non-profit organizations, including cKeys and Hacker Fund as their Director of Outreach. She's active in the developer community and one of Glamour Magazine's 35 Women Under 35 Changing the Tech Industry and LinkedIn's Top Professionals 35 & Under. As an avid speaker, Cassidy has participated in several events including the Grace Hopper Celebration for Women in Computing, TEDx, the United Nations, and the U.S.A. Science and Engineering Festival. She wants to inspire generations of STEM students to be the best they can be, and her favorite quote is from Helen Keller: 'One can never consent to creep when one feels an impulse to soar.' She loves mechanical keyboards and karaoke.
Chances are at some point in your life, you've seen some fun sci-fi movie where there's this glorious futuristic user interface. They're full of beautiful colors and graphs and glowy stuff, and they're just generally cooler than what we have now. Someday (someday!) we may see them become real, but when? Well, as the saying goes, we have to be the change we want to see in the world. In this talk, I'll be showing off some fun sci-fi UI components (and building some!) to make that dream a little closer to reality!

2:10 pm
Build it once with Expo for the Web
Evan Bacon

Evan Bacon

Expo
Bacon is a full-time open source developer working on Expo to make hyper-performant universal apps that run everywhere, and are used by incredible companies like Flexport, Pizza Hut, and Brex. He's built over 100 NPM packages, was the all-time youngest designer at the prestigious design firm Frog Design, and is a world renowned, award-winning Lego Master Builder. Besides programming Expo non-stop, Bacon enjoys making YouTube videos about Expo, tweeting about Expo, and drinking Soylent while thinking about Expo.
Using Expo you can build an app that runs natively for iOS, Android, and in the web browser. You’ll see how Expo and React Native for web enable you to use cutting-edge browser functionality to create progressive web apps that emulate the functionality of your native app as closely as possible. You’ll also learn what you can do with it, why you would use it, and how it works with other popular web development tools.

2:35 pm
Break
Reflect on the latest talks by chatting with other attendees, speakers, and sponsors!

3:05 pm
Konmari Your Code: Finding Joy in Refactoring
Becca Bailey

Becca Bailey

Formidable
Becca is a Frontend Engineer at Formidable with a deep love of React, Typescript, and GraphQL. After a previous career as an elementary music and fine arts teacher, she loves helping artists and career-changers understand software.
There’s something deeply satisfying about refactoring React components. Refactoring can help us to simplify, create a foundation for the future, and better communicate our intentions for our codebase. But nothing kills your joy like unintentional changes to existing logic! This talk shares some tips and tricks for stress-free refactoring, like aiming for simplification of logic over premature abstraction, and testing behavior without getting bogged down in implementation details. With a little bit of time and intentionality, we can keep the code that brings us joy and refactor all the rest.

3:35 pm
Let's put Deno into production
Brian Leroux

Brian Leroux

Begin.com
Brian is the co-founder and CTO of Begin.com, a platform for building and deploying modern web apps, sites, and APIs. He's the creator and maintainer of Architect, an open-source serverless platform that provides everything you need to build fast, modern, massively scalable cloud apps with low code, clear and terse config, and zero ceremony. Ages ago he was the creator of PhoneGap, considered to be the spiritual predecessor of React Native. He spends his time with his wife between Vancouver and San Francisco.
Deno is a brand new JavaScript runtime from the creator of Node with many compelling characteristics. We can anticipate many folks will be trialing Deno in 2020 whenever it hits the 1.0 milestone. Lambda makes it easy to spin up a custom runtime behind the hyperscale serverless infrastructure of AWS. Combined these ideas are recklessly powerful. A pre-1.0 JavaScript runtime running on the cloud at first appears to be an inadvisable idea. The ecosystem is young! APIs will probably change! On the other hand, Lambda custom runtimes are isolated stateless execution environments that marshall JSON strings. Deno is based on V8 which is a very battle hardened tool for dealing with JSON strings. And the Deno standard library while subject to change before 1.0 is quite stable for most common tasks. In this talk we go deep into Deno. We’ll deploy a serverless backend to AWS with Deno and compare it directly to Node. How it works, what sets it apart from Node, what sorts of programs it is currently suitable for and where it is likely to go.

4:05 pm
Micro React
Ryan Florence

Ryan Florence

React Training
Ryan is the CEO and co-founder of React Training, a group specializing in in-house workshops and training for React and the extended ecosystem.
Full description coming soon. Topics covered include composable and declarative APIs, separation of behavior from display, state machines, and accessibility.

4:30 pm
Break
Reflect on the afternoon talks by chatting with other attendees, speakers, and sponsors!

4:50 pm
Syntax Live!
Wes Bos and Scott Tolinski

Wes Bos and Scott Tolinski

Syntax.fm
Wes & Scott are prolific educators, conference speakers, workshop instructors, and co-hosts of the popular Syntax.fm podcast. Wes' courses can be found on WesBos.com, and Scott's courses can be found on leveluptutorials.com
Get Ready for a jam packed hour of tasty web development treats. Wes Bos and Scott Tolinski will record a live version of their popular weekly podcast that will include audience participation, web development trivia, terrible jokes and prizes to be won!

6:00 pm
Doors close
That's a wrap! Thanks for coming to Reactathon!

6:00 pm
Offsite Afterparty
We've learned so much these past few days. Now let's unwind, reflect, and keep the conversation going over food and drinks!

Don't wait
Get yours before they're gone.

Buy Tickets...before they're all gone!