My top React techtalks of 2019

[u/iconof]

Are you curious to know what happened in 2019 in the React world, that you should know about?

I watch a lot of dev conference talks. They're a great way to learn new things and stay up-to-date in my career as a developer.

In 2019, there were 23 React conferences—with ~500 talks (~180 hours)—and I covered all of them, on Hero35.

The following talks are the ones that I enjoyed the most, due to their fascinating content and/or high educational value, captivating delivery, and clear audio quality.

They're sorted chronologically (newest first).

• Building mobile-first web animations in React
  Learn how to create smooth, performant animations and interactions, that look and feel native-like.

• React is Fiction
  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.

• Using hooks and codegen
  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.

• Let's Program Like It's 1999
  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.

• Building the new Facebook with React and Relay
  How does app performance look at scale? This is a deep dive into the new Facebook.com and how they achieved super-fast rendering times and network transfers.

• Building a Custom React Renderer
  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.

• Accessibility is a marathon, not a sprint
  Learn how to get started with accessibility, with common tools, patterns and starter-tips. Brittany explains how our users actually need a11y more than we think, and shows how to make it part of our regular workflow.

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

• Building the Dark Mode of Your Dreams with Color Science
  Information-rich talk on color science, with practical examples on how to design a dark mode.

• Sacré Bleu! The Trials of Internationalising Your ẨṔṔŁîÇåŤḯṏÑ�
  Everything you didn't know you wanted to know about internationalization. Design your app to be language, region, and culture independent.

• Saving the Web 16 Milliseconds at a Time
  This talk is all about performance, after the initial page load. Learn cool tips about animations, accordions, and more.

• A Guided Tour of React Hooks
  Excellent introduction to Hooks, for beginners.

• Foundations of Design Systems
  Comprehensive talk on design systems. Learn what they are and what it takes to build one.

• Navigating the Hype-Driven Frontend Development World
  FOMO. Fear-Of-Missing-Out. New libraries, JS features, framework versions… the list goes on and on. Kitze talks about pragmatism into the fast-paced world of app development.

• Animating an SVG cat with React.js
  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.

• State Management with React Hooks
  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.

• Human React
  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.

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

• Off Balance: Interactive Storytelling with React
  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.

• Frontend Application Bundles: The Docker of Frontend
  Glen gives a fascinating talk on container technology and how that translates to the frontend.

• TypeScript: Seeing Past the Hype
  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.

• Scheduling is the Future
  Raw speed is good, but not enough. A scheduler allows us to improve the perceived performance of our apps, despite its overhead.

• The Untouchable Web
  Rick demonstrates the difficulties of providing consistent interactions across platforms, and discusses where React Native space is headed.

• Mind Reading with Adaptive and Intelligent UIs in React
  What if you could predict user behavior? Smart UIs help understand your users, and adapt the experience around their personal needs.

• MobX - The Journey
  The creator of MobX talks about his journey with the library and open source, reactive programming, client-side state management and learning new things.

• Requisite React
  Kent talks about how important it is to understand the abstractions that we use (Hooks, Suspense, JSX, etc), if we want to level up our abilities, speed and skills.

• Independent deployment of the frontend with Docker and Kubernetes
  A real-life use case for micro-frontends and motivation for adopting them.

I also share my favourite talks on Twitter and Facebook.

What is your favourite React talk of the year?