React Conf 2018

Better Living through Git Hooks

Leta Keane

Elsa AI Conversational Agent

Mental health among women is a crucial, yet ignored and their symptoms are highly misunderstood. The number of people actually taking professional help for depression and other mental health problems are extremely low due to various reasons. This ...

Damini Satya Kammakoma

Components as Units of Work

Bryce Kalow

The Path To A Declaratively Animated Future

JavaScript animation, even in React, often involves tangles of imperative code. But we can already harness all the power and flexibility of JS animation with a syntax simpler than CSS. Let's look at the state of declarative animation, and where it...

Matt Perry

The Missing Abstraction of Charting

Charting libraries operate at a high abstraction level, the primary unit of interaction is at the chart level (e.g. BarChart, LineChart). Developers who want to create more custom visualizations usually dive straight into low-level graphics manipu...

Chris Trevino

An Effective Code Review

Donavon West

Context in React

Sophia Shoemaker

SVG Illustrations as React Components

When we develop web and mobile apps, we might need illustrations to handle different scenarios like a 404 error page or an empty state. In this talk, you'll learn how to create and transform SVG illustrations into components that can be easily ...

Elizabet Oliveira

Concurrent Rendering in React

Andrew Clark, Brian Vaughn

React For Social Change

8 million man hours are wasted each day by public transit users in Mexico City. We developed a React Native app, powered by a generative AI model, to help users reduce time spent on traffic, and along the way we figured out that GraphQL subscripti...

Rodrigo Quezada

React Today and Tomorrow

Dan Abramov, Sophie Alpert

GraphQL without GraphQL

GraphQL represents a paradigm shift in the way that we think about requesting data on the frontend. GraphQL removes the opaqueness from data requests, what you see is what you get. Where does the overall value in GraphQL lie though? The type sy...

Conor Hastings

Render Props, PureComponent and Reactivity

Karl Dray

Moving To React Suspense

React Suspense is coming! While that's awesome for greenfield apps, most of us will need to incrementally adopt these new features and paradigms. In this talk, I'll discuss how we're incrementally migrating to Suspense--from our overall strategy, ...

Jared Palmer

React Native's New Architecture

Since announcing React Native almost 4 years ago at React Conf, the framework has been used by many apps deployed in production. At Facebook, React Native powers experiences in Marketplace, Instagram and Oculus. We are now leveraging the lessons l...

Parashuram N

What's New in Create React App

Joe Haddad

Building A Diverse And Inclusive Community

Diversity and inclusivity are two words that have been lacking within the technology /developer communities over the years. As a woman in technology, I've I spent the last 5 years building both Technology and Developer Communities . This talk f...

Eyitayo Alimi

5 Animations You Should Know and Use

Marcos Martins

Syncing Component State Across Tabs with Service Workers

Tyler Clark

Block the Main Thread

Whether it's a mouse click or finger swipe, interaction is a critical part of computing. Touch interactions are especially important on mobile. I will dive into what it takes to make great interactive animations when implementing in either React N...

James Long

Let React speak your language

Introduction to Lingui project which aims to fill the gaps in the internationalization workflow and provide the best developer experience. It started as a proof of concept how to leverage template literals and JSX for writing messages in ICU Messa...

Tomáš Ehrlich

Building Todo The Game In A Cloud Only Dev Environment

In a world where laptops break a lot and we can work from anywhere, it's handy to push a lot of dev work to the cloud. Using Cloud 9, Firebase, Now, and GitHub, Todo The Game is a React app that amps up the classic Todo demo into an interactive ga...

Christina Holland

Playing With Polyhedra Creating Beauty from Obsession

The Polyhedra Viewer (polyhedra.tessera.li) is an interactive web app that explores the relationships between convex polyhedra. Users can select operations and watch as shapes expand, twist, and contract according to mathematical rules. Join me on...

Nat Alison

90% Cleaner React With Hooks

We live in a world where our React components and component trees keep getting more complex. Let's look at some ways to do some cleanup and end up with components we can all love.

Ryan Florence

React for Designers with FramerX

How do we bridge Product Design and Engineering? FramerX is tackling this age old problem in a new way with React! It lets designers reuse production React components to design screens, flows, and interactive prototypes. So what? Why should we ...

Thomas Aylott

Beyond Web Apps React, JavaScript and WebAssembly

Can we create or port an existing native desktop application to a complete "React powered" web-app matching (or even exceeding) the quality of the legacy desktop app? Sounds like a good challenge! And this is what I decided to do with my game maki...

Florian Rival

Cross platform AR and VR Apps using React Native

"React is a library to build intuitive User Interfaces" as quoted in official React documentation. The past few decades of computing have been limited to flat 2D screens. However, the rise of AR/VR means that society will soon move beyond the scre...

Pulkit Kakkar