ConfPad

The virtual DOM is the beating heart of React (and many other modern frontend frameworks today). While the concept of how it works is straightforward, the only way to really understand it is to build one! During this talk, I will code a tiny lightweight React clone from scratch and explore the idea and concepts behind the virtual DOM. Nir Kaufman is a Google…

Making Real-Time Networked Multiplayer Games With React and Redux by Mike Lazer-Walker Ever wanted to make a game, but wished you could use the web stack you already know and love? We’ll discuss how to make HTML5 games using React and the DOM, as well as how we can use WebSockets and WebRTC in conjunction with Redux to make real-time multiplayer games. Mike …

BFF - GraphQL Backend-for-Frontend with React UI by Chienyi Cheri Hung Ever spend hours/days on your UI layer molding the data from services only to have it break when the response shapes change? Ever end up splitting a general API into specific APIs to serve multiple UIs? Let’s tackle these problems once and for all with a middle layer, a GraphQL Backend-fo…

We often use React and write JSX without thinking about the syntax. But what’s React actually doing under the hood? What’s that JavaScript look like? Let’s translate React into JavaScript then transpile that and see what we get. Let’s pick apart what React is really doing. Jennifer Wong is a self-taught software engineer at Eventbrite where she spends her da…

Fight the Power: Building Decentralized Social Apps with React and Solid by Sean McBride Tim Berners-Lee, inventor of the Web, is concerned that powerful centralized social networks harm society by eroding individual date rights and privacy. To restore the decentralized Web, Tim and a band of MIT hackers built Solid: tools for decentralized social apps. As o…

Leveling up through Code Reviews by Elisheba Anderson Are you new to your career, and you want to know a new way to level up? You’ve tried side projects, going to meetups, listening to presentations, but you want something more? Well, this talk is for you! What if there was another way to get better? I’ve found that through completing code reviews, I’ve lear…

Mixing with HOCs, RenderProps, and Mixins: Managing Reusable Logic in React by Valerie Woolard Srinivasan React provides many possibilities for managing shared logic and concerns between components. This talk will delve into the implementation, advantages, and drawbacks of three possible approaches to this common issue: mixins, higher-order components, and r…

React, the future & you by Jenn Creighton Fiber, a new Context API, new lifecycle methods, Suspense, an experimental Profiler, memoized function components — it’s been a huge year for React. In this talk, we’ll rewind to the release of 16.0 — why did it matter and what’s happened since. I’ll share how to prepare for the upcoming lifecycle changes and what Su…

Some people think React is easy to understand, and some people thing it’s super difficult. How can both be true? I’ll go over different approaches for explaining React, techniques for explaining more effectively, and some gotchas and pitfalls that people often experience (which might surprise you!) Joshua Nelson is a developer at Atlassian, and has spent his…

React is fast! Yea. But, any application that grows begins to develop its own edge cases that require us to do detective work to get the best performance. We’ll take a look at some of the common pitfalls React applications, how to diagnose them, & how to measure the effectiveness of your solutions. Steve Kinney is a principal engineer at SendGrid where he wo…