Welcome Reception

We are kicking off the conference with a welcome reception full of food, drinks, conversation, and of course, education!

After an hour of socializing, we’ll move into 6 lightning talks. Then you can mingle with the speakers, workshop instructors, and other experts on a variety of subjects. The Topic Tables make it easy for you to identify the conversations that you want to be a part of. You can be sure to learn something new from one of our expert moderators.

Buy Tickets

Registration Opens | GitHub HQ

Join us at the evening welcome reception with food, drinks, six 10-minute lightning talks, and topic tables! Mingle with other attendees, learn something new from the lightning talks, and dive deeper into one or more topics in conversation with an expert moderator at the Topic Tables!

4:30 pm

Welcome Reception - Food, Drinks, Lightning Talks, Topic Tables

Get yourself some food and a drink, then mingle with speakers, workshop instructors, sponsors, and your fellow attendees for 2 hours before we move into six 10-minute lightning talks! Then enjoy an hour of intimate sessions with experts at their moderated Topic Tables.

Eve Porcello & Alex Banks | Moon Highway

Eve Porcello and Alex Banks are software engineers and instructors at Moon Highway, a training and curriculum development company based in Northern California. They have created courses for egghead.io and LinkedIn Learning and wrote the Learning React and Learning GraphQL books for O’Reilly Media.

6:30 pm

Welcome & Introduction

Ken Wheeler | React Advocate

Ken Wheeler is a UI developer on a Core Architecture team at [Redacted]. He is also the author of Slick carousel, Webpack Dashboard, Spectacle and other Open source libraries.

6:45 pm

Renderless components, Now with 9000% more hooks

This talk will show how, now with hooks, you can use the renderless component pattern to create declarative componentry around imperative APIs. We will explore using the pattern to create music and more.

Jen Luker | Formidable

Jen Luker is a Lead software engineer at Formidable, a BookBytes podcast co-host, and a member of the RxJS learning team. She has spent a majority of her decade-long career as a full-stack developer using PHP, Javascript, and CSS, but has a particular fondness for front end technologies. Jen trains others in ReactJS and accessibility, loves optimizing webpack builds, and codes apps in React Native. When she’s not finding solutions, learning new technologies, or reading, her spare time is spent spinning yarn from raw wool and knitting; she’s even been known to 3D print her own tools for the job. Jen is also fascinated by all things space, enjoys vintage cars, and is always looking for good conversation.

6:55 pm

A11Y & Accessibility

An increasing number of teams and companies are investing in improving the accessibility of their apps. Let’s keep you on the right track by busting some accessibility myths. You may be surprised by what you learn!

Jay Phelps | WASM Expert

Reactive programming nut and compiler enthusiast. Jay is a former Senior Software Engineer at Netflix. Lover of all things open source, his contributions span numerous ecosystems. Former RxJS core team member and author of core-decorators, git-blame-someone-else, and co-author of redux-observable.

7:05 pm

10 Things About WebAssembly You Need To Know

WebAssembly, the efficient low-level bytecode of the Web, is ready for prime time. In this lightning talk, Jay will introduce you to WebAssembly, how you can use it today to solve real problems, and what the future holds.

Jared Forsyth | Khan Academy

Jared is a mobile & web developer at Khan Academy, working to bring free education to everyone. He co-hosts the ReasonTown podcast, works on Reason developer tooling, and speaksabout Reason, React, and JavaScript. He loves type systems and learning new languages, and is deeply invested in improving the experience of programming, which is currently way too confusing and difficult.

7:15 pm

Move over Electron - Native-compiled React for the Desktop with ReasonML

Abstract coming soon

Shawn Swyx Wang | Netlify

Swyx is an Infinite Builder working on Developer Experience at Netlify. In his free time he helps people Learn in Public at Egghead.io and /r/reactjs.

7:25 pm

Getting Closure on Hooks

The design of React Hooks requires a good understanding of closures in JavaScript. In this lightning talk, we’ll reintroduce closures by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how you get Custom Hooks for free!

Tanmai Gopal | Hasura

Tanmai is the co-founder of hasura.io. He is a StackOverflow-powered fullstack, polyglot developer whose areas of interest and work span react, GraphQL, nodejs, python, haskell, docker, postgres, kubernetes & serverless. He is passionate about making it easy to build things and is the instructor of the largest MOOCs in India with over 250,000 students.

7:35 pm

Live-coding demo - Build your own backend in the `redux` style with GraphQL mutations (dispatch), `pure` serverless functions (reducers), and GraphQL subscriptions (updated state)

What if it was possible to build backend features for our react apps in the same way that we use redux in our react apps? In this live-coding demo, I will show you how we’ll add backend business logic using the redux abstractions of dispatching actions, writing reducers as pure functions and subscribing to updated state. Our backend will be completely serverless and using open-source and managed services so that we’re not actually deploying and maintaining any servers. We will use GraphQL mutations from our react app to dispatch actions. These will trigger serverless functions which are pure and return the modified state, which will be persisted safely on a cloud managed database. Portions of your app that are subscribed to the state using GraphQL subscriptions (live-queries) will automatically update! You will witness the raw awesomeness of being able to use javascript and graphql in a pattern that you are comfortable with to build backend features from scratch.

Topic Tables | Various

Topics include GraphQL, Web Assembly, Typescript, React Hooks, D3, A11Y and Accessibility, ReasonML, Redux, Serverless, and more!

7:45 pm

Learn something new from the managed topic tables

Join the various speakers, workshop instructors, and other experts at their moderated topic table. These informal sessions ensure that you can easily identify the topics you want to learn and discuss, get all of your questions answered, and learn from other like-minded attendees!

Day 1 Ends | GitHub HQ

10:00 pm

👋

Sessions

We’ve curated a full day of talks on some of the hottest topics of the year. Come learn from and mingle with many of the leading experts in the JS/React community.

Come for the talks, stay for the afterparty!

Buy Tickets

Doors Open | GitHub HQ

9:00 am

🚪

Eve Porcello & Alex Banks | Moon Highway

Eve Porcello and Alex Banks are software engineers and instructors at Moon Highway, a training and curriculum development company based in Northern California. They have created courses for egghead.io and LinkedIn Learning and wrote the Learning React and Learning GraphQL books for O’Reilly Media.

10:00 am

Welcome & Introduction

Welcome back to Reactathon! Let’s kick off day 2.

Ben Ilegbodu | Eventbrite

Ben is a Christian, husband and father of 3, with a dozen years of experience developing user interfaces for the Web. He currently is a Principal Frontend Engineer at Eventbrite, focused on improving their React-based frontend infrastructure. Ben also is a Microsoft MVP, enjoys playing basketball, DIY, watching movies, and tweeting (@benmvp) / blogging (benmvp.com) about his experiences with new web technologies.

10:10 am

Keynote pt. 1 - The State of the React Ecosystem

React has exploded in popularity. But it’s only a UI library, not a full-fledged framework like Angular, Ember or [insert latest JS framework]. We need to create our own “framework” by picking from the plethora of libraries in the React ecosystem. But which ones should we choose? Or better yet, which ones do we actually need? Do we still need Redux? What about handling styling, testing and routing, etc? How does it all come together?!!?! Let’s walk through the tools and helper libraries that surround React. By the end of the session, you’ll have a solid understanding of the ecosystem and know which libraries you should prioritize learning first in order to confidently build your own React-based stack.

Mark Erikson | Northrop Grumman

Mark is a software engineer living in southwest Ohio, USA, where he patiently awaits the annual heartbreak from the Reds and the Bengals. Mark is a Redux maintainer, author of the Redux FAQ, maintains the React/Redux Links list and Redux Addons Catalog, tweets at @acemarke, and blogs at blog.isquaredsoftware.com. He can be usually found in the Reactiflux chat channels, answering questions about React and Redux.

11:00 am

Keynote pt. 2 - The State of Redux

Not only is there a lot going on with React, there’s a lot happening with Redux too. This talk will help you catch up with the latest news and updates around Redux, including – How Redux relates to to technologies like the React hooks and context APIs, or Apollo Client and GraphQL, progress on new versions of React-Redux that can take advantage of the latest React capabilities, the new Redux Starter Kit package and how it can simplify your Redux apps, and improvements to the Redux documentation, among others.

Eric Vicenti | Ono Food Co.

With a background in web development, Eric has been deeply involved with the React Native community since his involvement in the open source launch in 2015. Eric is an author and maintainer of React Navigation, and is currently developing Aven Cloud, a full-stack data framework for React apps.

11:45 am

Reactive Data on the Full Stack

React puts our views on the screen, but where does our data come from? We often have a database in the back-end, but how do we stay up to date as data changes? How can we make sure that computed values and aggregations are cached efficiently? How does all of this work with a client-side cache, and offline functionality? This talk will open our eyes to the complexities in this space, and will introduce some general patterns that we can use to easily build realtime and offline-friendly applications.

Lunch | Lifted Plate

Enjoy this professionally-catered meal by Lifted Plate – one of the Bay Area’s fastest-rising catering companies. With freshly-carved prime rib, baked salmon, and plenty of options for vegans and vegetarians, it’s sure to please everyone’s pallate. Did we mention soft serve ice cream?

12:00 pm

🍽️

Emily Plummer | GitHub

Emily Plummer is a Design Systems Engineer at GitHub. Emily is currently working on building an open source component library to accompany GitHub’s design system, Primer. She’s interested in all things, JavaScript, CSS, and the intersection of the two. Emily resides in Portland, Oregon with her wolf pup Avila and enjoys exploring the Cascade mountains when not working away on pixels.

1:00 pm

Building Design Systems in React

Design systems are everywhere in 2019. It might be tempting to whip up a component library, say it’s your “design system” and call it a day - but careful consideration must be taken to make sure that what you build is flexible, sustainable and maintainable. In fact, design systems can’t just be a React component library on its own. This talk will cover the who, what & why of design systems as well as our approach building a React component library to accompany GitHub’s design system, Primer. Attendees will walk away with a deeper knowledge of how to design a public API for components, how theming works, and common pitfalls one might come across when trying to scale a design system across an organization.

Jesse Tomchak | USAA

I work at USAA as a full stack JavaScript developer. Teaching JavaScript fundamentals from beginning to excited is a personal passion of mine. I host and produce a podcast, JavaScript to Elm, to get the word out about types and the paradigm of functional programming. I have dad jokes for days.

1:25 pm

Transform for Good -- Using Babel Macros

Babel plugins are a powerful tool we use daily to transform and modify our code helping us create great projects faster. They can take entire mundane and repetitive code blocks and abstract them away, making the process faster and more enjoyable. But once we’ve made a plugin, if we’ve gotten that far, the set-up then config can be daunting. Enter Babel-plugin-macros. This allows us to do project-wide code transforms will all the benefits of a plugin, but with zero config. And we all love zero config.

Zach Gotsch | Flexport

Zach is a software engineer working on the Marketplace team at Flexport. He started writing React in 2013 at Khan Academy and never stopped. When he’s not increasing Flow coverage at his day job, he likes to geek out about category theory and dance West Coast Swing.

1:50 pm

Type-safe forms in React

Using controlled components to write simple input forms in React is a breeze, but as forms become more complex and validations are added, it is difficult to write robust code while maintaining a good user experience. This talk discusses the challenges with large and complex forms, and how we’ve taken them on at Flexport, where forms form the core of our business.

Break | Snacks, Drinks, and Conversation

2:05 pm

🍦🍦🍦

Jenn Creighton | Rent the Runway

Jenn Creighton is a software engineer and conference speaker. She currently codes for Rent the Runway (and yes, her outfit is rented). She lives in New York with her two cats, one dog, and maintains a Home for Abandoned Succulents, Mismanaged Plants and Otherwise Ailing Flora. You can find her online @gurlcode.

2:45 pm

Everything I Know About React I Learned from Twitter

What takes you from React beginner to React expert? For me, the answer is Dan Abramov’s tweets. In this talk, we’ll look at tweets and related source code that explain React in-depth – from reconciliation to render to React’s latest features.

Lee Byron | Robinhood

Lee is the co-creator and maintainer of GraphQL. He recently left Facebook after nearly 10 years to help lead web engineering at Robinhood, a free and simple investing platform. Lee has been instrumental in creating many of the most popular open source libraries used by millions of developers worldwide including React, Immutable.js, Yarn, Prettier, Flow, and others.

3:20 pm

We're gunna program like it's 1999

The mental model for building for the web largely hasn’t changed in the last 20 years, but we’ve incorporated complexity, richness, grown our community a thousand fold, and scaled to billions. This year the web turns 30, and we look back at the steady march forward of better abstractions, better syntax, and better mental models that brought us here.

Break | Stretch and reflect

4:00 pm

💪

Wes Bos & Scott Tolinski | syntax.fm

Wes Bos is an educator, engineer, and entrepreur who has multiple ventures including javascript30.com and reactforbeginners.com. Scott Tolinski is also a prolific educator, engineer, and entrepreneur who has founded multiple ventures including leveluptutorials.com.

4:20 pm

Syntax.fm Live!

Syntax.fm is one of the top podcasts for web developers. Join Wes Bos and Scott Tolinski for this fun, educational, and interactive live recording of their podcast!

Eve Porcello & Alex Banks | Moon Highway

Eve Porcello and Alex Banks are software engineers and instructors at Moon Highway, a training and curriculum development company based in Northern California. They have created courses for egghead.io and LinkedIn Learning and wrote the Learning React and Learning GraphQL books for O’Reilly Media.

5:30 pm

Thank you and goodbye

See you next year!

Afterparty! | GitHub HQ

Enjoy artfully-crafted cocktails and mocktails, plus hors d’oeuvres, provided by GitHub!

5:30 pm

🍹🍹🍹

Doors Close | GitHub

8:00 pm

👋

don't forget! Buy your tickets

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