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

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

dotJS

State of Components

ReactiveConf

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

Backpressure: Resistance is NOT Futile

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

Mind-Reading with Intelligent & Adaptive UIs

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

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

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

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

StrangerDanger: Finding Security Vulnerabilities Before They Find You

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

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

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

React Is Fiction

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

The tragedy of scale

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

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

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

Crafting Stateful Styles

Resiliency and PWAs

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

Writing CSS in the year 3019

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.

Byteconf React

Speeding up your Gatsby app in a day

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

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

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

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

JSConf Hawaiʻi

The Art of Code Comments

ReactEurope

The Latest in Next.js 9.4

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

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

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

Architecting A Component Compiler

Debugging the Debugger

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

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

React Everywhere

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

Controlling Apps with Your Mind and AI

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

Recoil: State Management for Today's 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

What do CRDTs and frontends have to do with each other?

CRDTs for Mortals

Secret Tips to Improve Your Webpack Configuration

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

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

Fast by default: algorithmic performance optimization in practice

Learn all about the TC39, the committee working on evolving the JavaScript language standard.

TC39: How we work, what we are working on & how you can get involved

Many Frameworks – One PWA Solution

Don’t Believe the Rumors: Writing Tests for CSS is Possible

“Breaking Out of Box” or Writing a Wasm-based Gameboy Emulator in Rust for Frontend-Developers

Optimising React’s TTI

Profiling React Web Apps in Production

Be Lazy, Be Smart, Be Nuxt

How to Stay Tech Relevant

Gatsby High Level

Kas discuss the MIDI communications protocol, how we can create and augment music with JavaScript, and will hopefully make you think about how your apps communicate with each other.

MIDI, communications, and music in JavaScript

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

AHA Programming

Butter-smooth animations

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

Top 100 talks

Data Visualizations and Internationalization

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

State of Components

5 steps to avoid lawyers in digital business

Develop, Debug, Learn?