Latest Video Guides & Talks

Add Algolia search to your Gatsby site (
May 16, 2019
Adding custom search to your site doesn’t need to be hard! Bram Adams from the Algolia team will teach us how to implement a custom search on a Gatsby site.
  • Jason Lengstorf
  • Bram Adams
The Great Gatsby Bootcamp - Full Gatsby.js Tutorial Course (
May 15, 2019
In this tutorial, you will learn everything you need to build and launch your first site with Gatsby. You’ll build a website from scratch and learn how to get it deployed to production.
  • Andrew Mead
3 Things I wish I knew when starting with React (
May 10, 2019
Kitze and Sadek discuss 4 things that can block you when starting with React.
  • Sadek Drobi
  • Kitze
Trying react-spring (React animation library) for the first time (
May 10, 2019
I try out react-spring, an animation library for React that has an api in the style of React Hooks. Really impressed!
  • Mattias Petter Johansson
Tips for using inline functions in React Hooks (
May 07, 2019
Using inline functions with React hooks can produce some unexpected results. I'll show you how to mitigate those issues and use them safely!
  • Tanner Linsley
Demystifying Complex Animations Creation Process in React Native (
May 03, 2019
In this talk we will walk through the process from defining complex animation, to implementing it by going through all stages of animation creation process.
  • Vladimir Novick
Full-stack React Native in the Era of Serverless Computing (
May 03, 2019
In this talk, I'll talk about this philosophy in depth, discuss the options available from different service providers, & then show how (live-code) to build a full-stack React Native application in just a few minutes by using React & AWS Amplify React Native to quickly build a real-world app complete with a GraphQL API, analytics, search, authentication & authorization.
Demystifying server-rendered React apps: Performance & Security (
May 03, 2019
During this lightning talk, let's walk through the pros and cons of server-rendered applications, when you want to have it and what you can expect.
  • Fernando Porazzi
Lightning fast SSR React apps with top perceived performance and no [...] (
May 03, 2019
Let’s have a look on how you can do the same with Next.js, and if the principles still apply today. Is the user getting a better perceived experience when we turn off the client side JavaScript?
  • Håkon Gullord Krogh
An SVG’s Tale (
May 03, 2019
This way, to drive your inspiration, I am going to tell you the story of an SVG image that one day made a very special friend - ReactJS. Alone and despised by its family, SVG yelled Enough! Now you’ll see what I’m all about!
  • Elizabet Oliveira
Scaling Applications with Microfrontends (
May 03, 2019
At DAZN we battle-tested the Microfrontends architecture leveraging feature like blue-green deployments in the frontend, framework agnostic teams and drastically reduced cross-team dependencies.
  • Max Gallo
Tech Regrets at Spectrum (
May 03, 2019
With the benefit of hindsight, let's talk about the technology choices I regret and the lessons I have learned.
Sharing Code Between React and React-Native: What Not to Share (
May 03, 2019
In this talk I will give real examples from my work with, migrating their web and mobile application to React and React-Native with code sharing as a primary objective.
  • Ben Ellerby
Next for Next.js (
May 03, 2019
With powerful features out of the box such as code-splitting, server-side rendering and powerful optimizations, this talk discusses the exciting next steps for Next.js.
The 5 minutes React Native Custom Slider (
May 02, 2019
In this video, we are building a custom slider in 5 minutes using React Native.
Google Maps in React - Building interactive maps (
May 02, 2019
In this video we will be building a map showing all of the different skateparks in Ottawa, Canada. The user will be able to click a Marker to reveal further details about the skatepark within an InfoWindow.
    Intuitive Tooling (
    May 02, 2019
    In this talk, we'll discuss why truly intuitive tooling doesn't exist, go over some common misconceptions in the React community and learn more inclusive ways to talk about emerging frontend technologies.
    • Carolyn Stransky
    Building resilient frontend architecture (
    May 02, 2019
    In this talk we’ll look at specific techniques you can use today to keep your app from turning into that infamous ball of mud.
    • Monica Lent
    WebAssembly The Next Big Platform (
    May 01, 2019
    Rust ecosystem offers many great tools to work with WebAssembly on the web. These include DOM manipulation, JavaScript bindings and so on, and you will learn more about them in the talk.
    • Sven Sauleau
      Practical Performance for React Native (
      May 01, 2019
      In this talk you’ll find out how some commonly used patterns have an adverse effect on the speed of your app, and how to avoid using them. We’ll mainly explore UI and state management but we’ll also dive into some native-specific issues and look at how to prevent them.
      • Anna Doubková
      Releasing a library written in TypeScript on NPM (
      May 01, 2019
      Most of us have used or at least heard about TypeScript, but how many have released a React library written in TypeScript on NPM? In this session we will take a look at the tooling required and some best practices for publishing a library using TypeScript and Rollup.
      • Christoffer Niska
      React Union Write once, plug anywhere (
      May 01, 2019
      This talk will be about the different use case in which a React application is divided into several standalone configurable modules. I am going to show how the React modules can be integrated into diverse CMS platforms such as WordPress or Liferay with help of React Union library.
      • Tomáš Konrády
        Codecrumbs in React (
        May 01, 2019
        The granular approach of designing components helps us to build reusable and encapsulated features. On another hand, it also makes a codebase much more complex by extra added abstractions and drastically increased amount of source code files. How can we navigate the maze of hundreds of React-atoms now?
        • Bohdan Liashenko
        Scalable Design Systems with TypeScript (
        May 01, 2019
        This session explores creating living documentation for design systems, ensuring consistent documentation at all times using TypeScript.
        • Tejas Kumar
        Creating layouts that last (
        May 01, 2019
        What if we could wield layout composition as an actual React component? Spoiler: that would solve the #1 issue that prevents our layouts from being truly reusable.
        • Artem Zakharchenko
        Custom CSS is the path to inconsistent UI (
        May 01, 2019
        When developers have too much freedom in defining the UI, they will do things differently. The issue could be solved by avoiding any custom CSS on the app level and having a set of primitive components that allow developers to glue UI together in a consistent way.
        • Artem Sapegin
        React Standard Library (
        May 01, 2019
        React Native is the tool for building cross platform React apps. To build native-like experiences, we need good APIs providing the native capabilities of each platform in a unified way. Is the answer a standard library for React apps?
        • Ville Immonen
        The Untouchable Web (
        May 01, 2019
        The majority of users are now browsing websites primarily using touch devices. In this talk, Rick Hanlon from the React Native team at Facebook shares what React Native has learned about touch devices with web developers, including how to provide a rich user experience today, and where this space is going.
        • Rick Hanlon
        Building a Community Around Ignite (
        May 01, 2019
        In this talk, Jamon will go into what it took to build a thriving developer community around the popular React Native CLI and boilerplate, Ignite.
        • Jamon Holmgren
          Unpopular Opinions (
          May 01, 2019
          Unpopular opinions are mostly popular opinions people post on Twitter and share them as an unpopular opinion. Some unpopular opinions though are really unpopular for a good reason. Doesn’t make sense to you? Neither to me.
            Delightful UI animations by understanding the brain (
            May 01, 2019
            Understanding this could be the key to confidently adding animations to our websites and apps. Animations with code seem hard, but they shouldn’t be. In this talk, I will give some tips and explore some tools to simplify creating animations in React.
            • Bruno Lourenço
            Gatsby and Themes The Future of Gatsby (
            May 01, 2019
            Themes are coming very soon to Gatsby, and this talk will do a deep dive on what they are, how to use them, and the types of amazing content you can create easily with a framework that people love: Gatsby.
            • Dustin Schau
            Drawing the line between 3rd party and handcrafted components (
            May 01, 2019
            Often when we write new components, we might be like: Come on, there must be a library out there! And most times there was already someone who faced the same problem... only that it's not quite the same. Should I use the 3rd party lib? Or go with my own? Let's find out the differences and trade-offs in this session.
            • Glenn Reyes
            All aboard the type train (
            May 01, 2019
            JavaScript is a language of add-ons, and one of its more recent trends is typing. There are obvious benefits to typing, but what are the drawbacks? Should you choose Flow or TypeScript? Why use types at all? And why not just go straight to Reason? This session will provide some insight into these questions, peppered with examples from the real world.
            • Kadi Kraman
            12 Tips For More Accessible React Apps (
            May 01, 2019
            If you want to improve the accessibility of your React apps but you don't know how or where to start, this talk is just what you need. Manuel shares 12 tips that will help you build web sites and applications that can be used by anyone. Each tip fits on one slide and you'll be able to put them into practice right away without having to learn anything fundamentally new.
            • Manuel Matuzović
            Intersection of Automation and Exploratory Testing (
            May 01, 2019
            In this talk, we look at skills-focused path to better testing in the intersection of automation and exploratory testing. We can arrive at the intersection by enhancing our individual skills, or our collaboration skills. What could you do to become one of those testers who companies seek after that work well in the intersection, giving up the false dichotomy?
            • Maaret Pyhäjärvi
            CICD for React Native (
            May 01, 2019
            Understanding the basics of how to apply CI/CD practices in React Native mobile application development to automate software release tasks will improve performance and will free up time more usefully spent elsewhere in the project.
            • Juha Linnanen
            A practical guide to building your design system infrastructure (
            May 01, 2019
            This practical guide shows how to apply existing development tools to your system and what is the value you can get.
            • Varya Stepanova
            A Common Design Language Let Designers and Developers talk to each other (
            May 01, 2019
            “Should designers code?” or “Should coders design?”—these two eternal questions are being asked for years with no particular answer given.
            • Andrey Okonetchnikov
            Abstract component modeling in React (
            May 01, 2019
            In this talk, I'll be showing a set of techniques to model a semi complicated React component, independent from the common integrations.
            • Farzad Yz
            Mind Reading with Adaptive and Intelligent UIs in React (
            May 01, 2019
            In this talk, we will explore how we can make adaptive and intelligent UIs in React that learn from how individual users use your apps, and personalize the interface and features just for them, in real-time.
            • David Khourshid
            Append only development with React (
            May 01, 2019
            In this talk I will explain this paradigm in the context of developing a React app. Furthermore I will show how changes can be made to the app without having to understand how old code was written; hence I describe this method as "append-only development".
            • Luca Matteis
            MobX The Journey (
            May 01, 2019
            In this talk I will both reflect on the product and my journey into the Open Source Software world.
            TypeScript + React (
            Apr 29, 2019
            This talk will provide a brief summary of the world of typed languages, an overview of TypeScript's features, as well as deeper dives into how TypeScript integrates with the world of React.
            • Chris Toomey
            Why I Love useReducer (
            Apr 29, 2019
            React Hooks have been out for a couple of months now. I’ve had the chance to play with them during that time and recently found an amazing example of where the useReducer Hook really shines.
            • Harry Wolff
            How to return components from React hooks (
            Apr 29, 2019
            You may have been told that returning components from your hooks is a bad idea, and 90% of the time that's true for good reason. But once in a while, it helps to know that you can get around this limitation. I'll show you why and how.
            • Tanner Linsley
            Speeding up React SSR (
            Apr 25, 2019
            This talk demonstrates a very simple solution that can be dropped into pre-existing React applications to vastly improve the throughput of an SSR Node server (around 20-40x+).
            • David Mark Clements