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

2019

React Day Berlin

Data Visualizations and Internationalization

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

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

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?

2020

ReactConf AU

Write fewer tests! Model-based testing in 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

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

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

The tragedy of scale

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

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?

Scalability - React Native Architecture at @Wix.com

The Latest in Next.js 9.4

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

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

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

JSConf Hawaiʻi

The Art of Code Comments

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

Build it Once with Expo for Web

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

Creating a Component Library

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

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

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

Recoil: State Management for Today's React

Build a design system with accessibility, internationalization, cross device (mouse/touch) support and themeability in mind.

Design system and accessibility

Get a glimpse into the future where we will control apps with our thoughts.

Controlling Apps with Your Mind and AI

Learn about errors in JavaScript, and modern ways to handle them in React.

How Many Ways to Say I'm Sorry, Error Handling in React

Learn some of Firebase's best features for the web, and how to easily integrate them into your React app with ReactFire.

Modern React apps with Hooks, Suspense, Context, and Firebase

Drawing the Invisible: How to Explain React through Visual Metaphors

Learn how you can improve a codebase by applying and creating abstractions more thoughtfully.

AHA Programming

An overview of the past, present and the future of CSS-in-JS.

CSS-in-JS

See how BBC made transcribing interviews - something journalists spend hours every day doing - faster, easier, and data-rich by creating an interactive, time-encoded text editor with Draft.js. 

(Proto)typing innovation in BBC News

This talk showcases the custom serverless ticketshop I created for an event that sold out in seconds. 

Top 100 talks

Data Visualizations and Internationalization

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

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

Performance anxiety with React

Write fewer tests! Model-based testing in React