A compelling, real-world, case study of how TypeScript and GraphQL helped overcome issues with legacy code, iterate faster, and provide more value to users.

2019

React Conf

Using hooks and codegen

It is important to understand the abstractions that we use (watch “Requisite React”). This is a deep dive into React’s architecture. Watch Sophie build a simple version of React DOM.

Building a Custom React Renderer

Information-rich talk on color science, with practical examples on how to design a dark mode.

React Boston

Building the Dark Mode of Your Dreams with Color Science

Learn how to get started with accessibility, with common tools, patterns, and starter-tips.

Accessibility is a marathon, not a sprint

Excellent introduction to Hooks, for beginners.

A Guided Tour of React Hooks

Learn how to convince your team to adopt and use TypeScript effectively.

TSConf

Just Use Any - How to Win Colleagues and Influence Your Boss

In the 30 years since the Web's creation, the list of HTML tags has slowly grown. This talk is a fascinating journey through the evolution of the web and HTML.

CSS-Minsk-JS

Remembrance of Tags Past

Amr gives an excellent talk on privilege, diversity, and inclusivity. He adds the missing context to these terms, and shows how they can impact our products from a pragmatic perspective.

ReactiveConf

Privilege as a Technical Debt

Learn how to create smooth, performant animations and interactions, that look and feel native-like.

Building mobile-first web animations in React

As the web turns 30, Lee takes us back to its inflection point in 1999, with PHP and the LAMP stack, followed by a journey of the abstractions, syntax, and mental models that brought us here.

Let's Program Like It's 1999

Comprehensive talk on design systems. Learn what they are and what it takes to build one.

Foundations of Design Systems

Everything you didn't know you wanted to know about internationalization. Design your app to be language, region, and culture independent.

Sacré Bleu! The Trials of Internationalising Your ẨṔṔŁîÇåŤḯṏÑ�

How does app performance look at scale? Ashley dives deep into the details of how they rebuilt Facebook.com and achieved super-fast rendering times and network transfers.

Building the new Facebook with React and Relay - Part B

Useful techniques for customizing data visualizations, numbers, dates, right-to-left, iconography, and colors for a global audience.

React Day Berlin

Data Visualizations and Internationalization

Pros and cons of creating class and function components in React vs Vue vs Svelte.

dotJS

State of Components

How many times have we used a design pattern, just because we’ve been conditioned to use it? Jenn gives a thought-provoking, interdisciplinary talk that questions our assumptions and challenges us to break the rules.

React is Fiction

Inspiring talk about the web as a platform, React and its community, their future, and inclusivity.

React India

React, Collaborate and Listen

IPFS is a stack of protocols for decentralized, p2p communication and data transfer on the web. Learn how you can use IPFS to host files and apps, created p2p databases, and more!

Decentralized React states - using IPFS to sync, store, and recover state

Sean gives an amazing overview of Rust, for JS developers.

Rust in the Browser for Javascripters: New Frontiers, New Possibilities

5 steps to avoid lawyers in digital business

We are obsessed with coding and creating automated workflows and optimizations. And yet our final products aren't making it easy for people to use them.

Develop, Debug, Learn?

In this Darwin-themed talk, you'll learn how CSS came to be, and how the language's simplicity and flexibility still make it stand out today.

dotCSS

On the origin of cascades

JSConf Budapest

How not to read the room: Creating socially awkward wearables

Learn about how we, at Netflix, hacked Webpack for our needs, to serve unique user experiences to millions of Netflix customers across the globe.

Conditional Modules & Dynamic Bundling, A Netflix Original

This talk is all about performance after the initial page load. Learn cool tips about animations, accordions, and more.

Saving the Web 16 Milliseconds at a Time

Futurist Code Bases: Integrating JS of the Future Today

Full-stack Type Safety with React, GraphQL, and TypeScript

Introducing accessibility to The Financial Times website, and the journey from being generally oblivious about a11y to making it a core process part.

Yes, your site can (and should) be accessible

Backpressure: Resistance is NOT Futile

Learn about the characteristics of thriving open source communities and how to create a healthy, welcoming community of your own.

You Belong Here

Mind-Reading with Intelligent & Adaptive UIs

WebAssembly, the new low-level bytecode format for the Web, could seem like a complicated topic to some. Vlad provides you with required WebAssembly knowledge.

Into WebAssembly

UtahJS

I Screwed Up So You Don’t Have To

Rethinking Design Practices

Learn how React Query can help you fetch, cache and manage your asynchronous data, easily.

2020 Online

React Amsterdam

React Query: It’s Time to Break up with your "Global State”!

Predicting the Future of the Web

React Advanced

Accessibility with React Native Apps in a Blind World

TypeScript: Seeing Past the Hype

Testing presentation components visually

Take a look at what it means to «think in CSS» and how to develop the mindset necessary to write efficient, resilient and maintainable styling.

The CSS Mindset

A decade after Node was first announced, JavaScript and the web platform have evolved. Deno is a new JavaScript/TypeScript runtime—the evolution of Node.

Deno

What if you could automatically generate hundreds of integration and end-to-end tests, instead of manually coding them?

2020

ReactConf AU

Write fewer tests! Model-based testing in React

Do you worry about the performance of your React applications? This is a how-to of performance improvement, with techniques to track and increase speed. 

Performance anxiety with React

Animations in React Native apps can seem difficult and unnecessary. Aleksandra tries to prove that they can be easy, achievable and necessary to make your app delightful.

React Native EU

An Animation Showcase: RN App Can Ce Beautiful

Learn how to build a headless e-commerce website using Gatsby, Netlify, and BigCommerce.

2019 San Francisco

JAMstack Conf

Building e-commerce storefronts on the JAMstack

In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React!

Byteconf React

Concurrent React from Scratch

Binary Arithmetic in TypeScript's Type System

When building apps, we focus on minimizing costs, time to market, bugs, bundle size, application speed, SEO, but we spend almost no effort trying to minimize the damage our applications are making to the environment.

JavaScript Saves the World

StrangerDanger: Finding Security Vulnerabilities Before They Find You

Before being a web developer, we are all users of the internet which is a jungle of UX patterns, some bad, some good and some terrible.

The complexity in simplicity

Accessibility in the Age of Components

Learn about Atlassian’s learnings from growing the frontend development of Jira to over one million lines of code.

The tragedy of scale

Advanced TypeScript with React

See how reinventing the wheel is a great way to learn and improve as a front-end developer. 

What breaking interfaces taught me about building better interfaces

What’s Wrong with Mobile Apps Anyway

Modern developments in CSS make it easier than ever to create robust, scalable, elegant typographic systems on the web. Add variable fonts and the design, technical, and performance benefits are really exciting. 

Dynamic Typographic Systems with Variable Fonts

In this talk you’ll learn how to write React like its fiction and what you can gain by doing so.

React Is Fiction

Women of React

Scalable Design Systems in ReactJS

Crafting Comics for Literally Everyone

Come with me on an adventure with a heroic robot, a mad scientist, a feminist, a pilot, and our monster: imposter syndrome.

"Forbidden Planet" Cured my Imposter Syndrome

Real-world example of a typed functional language actually making your developer life better, in an existing Javascript code base. And it's something your team might not cringe at, either.

ReasonML for Skeptics

Get behind the scene of one of the most popular React UI framework.

ReactEurope

How does Material-UI build components?

Hooks, HOCS, and Tradeoffs

Kicking Bugs and Logging Names: Errors in JavaScript Error Reporting

Progressive enhancement, accessibility, internationalization, and performance as it relates to writing CSS in 3019 (and, of course, today).

Writing CSS in the year 3019

Scalability - React Native Architecture at @Wix.com

Resiliency and PWAs

Explore innovative ways of organizing styles, adding complex interactivity and meaningful transitions.

Crafting Stateful Styles

Don’t Let Your Unit Tests Slow You Down

Expo for Web

Acoustic activity recognition can create new interactions and better smart systems. See how you can experiment with JS, Machine Learning, and Tensorflow.js.

Exploring the hidden potential of sound data

Serverless is a backend thing, but it gives superpowers to frontend developers. This talk is about serverless and the ways you can benefit it as an FE developer.

Serverless: a BA thing that gives superpowers to FE devs

With modern dev tools, it's easy to locate the exact code that's slowing down your app, but what do you do next? Why exactly is it slow, and how do you make it fast? 

Fast by default: algorithmic performance optimization

Commenting code is a more nuanced thing than we give it credit for.

JSConf Hawaiʻi

The Art of Code Comments

The Past, Present and Future of CSS-in-JS

Make Gatsby's "fast in every way that matters" a reality with this collection of 5 quick actions to speed up a Gatsby website, featuring real-world examples, Lighthouse scores and links to code.

Speeding up your Gatsby app in a day

The Latest in Next.js 9.4

Writing CSS that scales is hard, even when you're great at it. There's one methodology made for change, called utility-first CSS.

In Defense of Utility-First CSS

How can we create intentional deliberate experiences on the web? What can we expect in the future from React and the web platform?

Thousands of words

Flipper is Facebooks internal, extensible mobile devtool platform, used by the mobile devs that work on the Facebook, WhatsApp, Instagram and many more apps.

Flipper: The Extensible DevTool Platform for React Native

Curious Use Cases of GraphQL

Explore the bewitching ways we can modify web videos and create immersive experiences worthy of the ‘80s using JavaScript and CSS.

Take on me, web browsers!

A component library can result in faster and easier development, improved design and UX, and so much more.

Creating a Component Library

A deep dive 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.

Escaping flatland: a romance of data science in the browser

Accessibility vs latest Web APIs. Can’t we just get along?

Get 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.

CSS, Design Systems & Developer Experience

In this talk Diana covers lessons in color systems, theming APIs, and a bit of color theory along the way.

Themeability is the path to dark mode

Legendary Lambdas

Using Expo you can build an app that runs natively for iOS, Android, and web. 

Build it Once with Expo for Web

Debugging the Debugger

A series of optimizations against a simple grid component that's optimized step by step while learning how to profile the application, how to apply React APIs to speed it up, and what might be the next steps.

React Finland

Live Coding - Optimizing a React application

See the design and architecture that went into creating a component compiler which generates framework agnostic components. 

Architecting A Component Compiler

React Alicante

Testing in Production

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices.

Responsive Typography

From React to Native

Onivim 2: Re-Architecting for Performance

In 2019, web accessibility is mainstream, but a quick search on your social media platform of choice will reveal designers and developers who resist the idea that all websites and applications should be usable by anyone.

How to make an inaccessible website

Everybody loves to talk about performance and how important it is. Learn what you should measure, how to do it, how to log it, and what standards may help.

Performance monitoring in the project

React Everywhere

An approach to state management that scales from a single component to highly complex apps.

Top 100 talks

Using hooks and codegen

Building a Custom React Renderer

Building the Dark Mode of Your Dreams with Color Science

Accessibility is a marathon, not a sprint

A Guided Tour of React Hooks