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

Matthew shows concrete, pragmatic, examples of how TypeScript can help us write better code, refactor easily and avoid errors. He also shows the pain points of learning, and using TypeScript.

React Loop

TypeScript: Seeing Past the Hype

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

See how React state management has evolved over the years. Learn how to build an accessible To-Do app with useReducer(), useState(), and React Context to manage state.

React Live

State Management with React Hooks

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

Excellent introduction to Hooks, for beginners.

A Guided Tour of React Hooks

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

Accessibility is a marathon, not a sprint

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

A brilliant journey through biological and artificial minds, exploring the intersection between Machine Learning and Neuroscience.

JSConf Asia

Learning From Machines

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

JSCamp

Accessible JavaScript patterns

The ownership of the npm package 'event-stream' changed hands, late 2018, and found its way into the hands of an attacker, targeting a Bitcoin wallet.

JSNation

Analysis of an exploited npm package

Do you have a vague understanding of WebAssembly, but don't quite get it? Sarah, gently, unmasks the black box of WASM and shows its innerworkings.

React Rally

All The Memory Safety Of C Combined With All The Blazing Speed Of JavaScript

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 ẨṔṔŁîÇåŤḯṏÑ�

SVG components are powerful. Elizabet shows how to prepare an SVG in Sketch, convert it to a JSX React component, and animate it with Framer Motion. It's surprisingly simple.

Animating an SVG cat with React.js

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

Foundations of Design Systems

FOMO. Fear-Of-Missing-Out. New libraries, JS features, framework versions… the list goes on and on. Kitze talks about pragmatism in the fast-paced world of app development.

Navigating the Hype-Driven Frontend Development World

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

A talk on things that make us different & unique (i18n, a11y, l10n). Kat thinks that we should embrace culture in our technical practice, and deeply understand our users.

JSConf US

Web Norms of the World

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

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

React India

React, Collaborate and Listen

A JS-driven app gets a static render, massively improving the time to first render, and time to interactive. See useful build tools, and learn how to avoid all the gotchas.

2019 London

JAMstack Conf

Setting up a static render in 30 minutes

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

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

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

dotJS

State of Components

ReactNext

Beyond Static: Dynamic Web Applications with Gatsby

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

React is a great tool. But what really matters are the people that use our apps and the ways we can enrich their lives. React is also a large community that we need to fight to keep it welcoming, diverse, and inclusive.

Human React

A11y And React, Why Is It Important?

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?

JSConf Budapest

How not to read the room: Creating socially awkward wearables

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

Learn about Rust, WebAssembly, serverless technologies, and how it all fits together.

Full Stack Fest

Rust, WebAssembly, and the future of Serverless

Glen gives a fascinating talk on container technology and how that translates to the frontend.

Frontend Application Bundles: The Docker of Frontend

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

Jen takes us on a ‪fascinating‬ journey though computer science's history and pre-history. Learn how weaving helped kick-start the computing revolution.

Weaving Tapestries of Code

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

DinosaurJS

Data science in the browser: DX & UX

Backpressure: Resistance is NOT Futile

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

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

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

You Belong Here

This talk is a practical one, chock-full of tips for creating more accessible front-end foundations.

Applied Accessibility: Practical Tips for Building More Accessible Front-Ends

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”!

Mind-Reading with Intelligent & Adaptive UIs

UtahJS

I Screwed Up So You Don’t Have To

This is an advanced talk about SVGs, shapes, animations and orchestration. It is also a talk about architecture, abstractions and building tools that open up new possibilities.

Off Balance: Interactive Storytelling with React

Rethinking Design Practices

React Advanced

Accessibility with React Native Apps in a Blind World

Predicting the Future of the Web

A look at how JS got to where it is today, as well as where it’s headed. Will that future direction continue to be a good one, or not?

Keep Betting on JavaScript

Learn the alternative ways of presenting 2D content in the browser (CSS, Canvas, WebGL), along with the pros and cons of each one.

Turbo charging 2D on the web

Papers We Love Conf

Building Personable Machines

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

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

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

2019 San Francisco

Building e-commerce storefronts on the JAMstack

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

How to use Functional Programming in your React app

A journey into the asynchronous debugging horrors, how to avoid them and what patterns can be used to ease the life of each developer debugging applications. 

Error handling: doing it right!

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.

2020

React Native EU

An Animation Showcase: RN App Can Ce Beautiful

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

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

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

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

ReactConf AU

Write fewer tests! Model-based testing in React

Binary Arithmetic in TypeScript's Type System

Advanced TypeScript with React

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

The tragedy of scale

Accessibility in the Age of Components

StrangerDanger: Finding Security Vulnerabilities Before They Find You

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

See how you can control multiple drones using JavaScript and Node.

Controlling a swarm of drones with NodeJS

Learn what it means to ‘load test’ your application, and how to get started with writing your first script.

Ready, Steady, Crash!

What’s Wrong with Mobile Apps Anyway

How to build a really large application? How to think about architectural layers? What is wrong with the majority of JS frameworks? How does GraphQL influence my architecture?

The working Architecture of Node Applications

Hooks, HOCS, and Tradeoffs

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

React Is Fiction

Follow The (Full)stack Trace: Understand Your App with Distributed Tracing

Women of React

Scalable Design Systems in ReactJS

In this talk, we'll look at how p2p can be applied to the Web and what benefits we can gain from it: from sharing costs, to data privacy, to open source, and beyond.

Why p2p deserves another chance

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

Crafting Comics for Literally Everyone

Time is a Social Construct

Post-Mortem debugging is a powerful technique that allows you to take a memory dump, when an issue occurs in your application, and later analyze it offline.

Post mortem NodeJS debugging

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

ReactEurope

How does Material-UI build components?

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

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

The Future of JavaScript and AI

The Return of 'Write Less, Do More'

CodeGen will utilise your TypeScript/Flow types to generate more native code at build time, instead of run time. TL:DR: smaller code size, faster execution, fewer errors.

Top 100 talks

Using hooks and codegen

TypeScript: Seeing Past the Hype

Building a Custom React Renderer

State Management with React Hooks

Building the Dark Mode of Your Dreams with Color Science