Latest Video Guides & Talks

How to NOT render something in React (
Jan 21, 2020
We cover 5 ways to either not render an element or to have it hidden, and then we'll write tests to verify the presence or lack of presence of an element, and whether an element has a class or not using React Testing Library.
Bootstrapping a React Native Project in 2020 (
Jan 21, 2020
Same time last year I did a video on how to bootstrap a React Native project in 2019 so what changed since?
Combining Gatsby with Create React App (
Jan 20, 2020
Learn how you can use Gatsby and create-react-app on the same website without using subdomains.
Quickest Way to Learn React JS in 2020 (
Jan 18, 2020
What is the quickest and easiest way to learn React JS? The key is to learn the web fundamentals.
  • Stefan Mischook
The 5 Minute React Native Masked View (
Jan 10, 2020
In this video, we are building an angular gradient in React Native using a masked view.
First look: OpenGL Shaders in React Native (
Jan 07, 2020
In this video, we are building our first OpenGL Shader in React Native.
Timeline Component in React (and some CSS Magic) (
Jan 06, 2020
In this tutorial we're going to use #ReactJS to create a wonderful #Timeline Component. Also, we're going to use #CSS to add some magic 🎩on top to make it look beautiful!
  • Florin Pop
Clustering data in Google Maps and React (
Jan 06, 2020
In this video we will create a Google Map in React, loading remote data from an API, clustering it, and then zooming in programmatically to expand a cluster.
    React Google Charts - Calendar, Gantt, Geo, Wordtree (
    Jan 04, 2020
    In this video, I will show you how to install and create various charts using google charts.
    • Hong Ly
    iPod Classic - “Can it be done in React Native?” (
    Jan 01, 2020
    In this video, we are building a nice throwback: the iPod Classic using a phone touch screen.
    Parallel computing in React (
    Dec 29, 2019
    In this session, I am going to show my experience running jobs in parallel on a React application that will provide a pleasant user experience and exciting development.
    • Majid Hajian
    Uber Eats Sticky Header - “Can it be done in React Native?” (
    Dec 23, 2019
    In this video, we are building the Uber Eats sticky header.
    Refactoring React + Apollo Form to use Hooks (
    Dec 17, 2019
    Quickie on me refactoring React Apollo from Render.
    React Data Fetching with Hooks using SWR (
    Dec 16, 2019
    We will show how to use SWR, how to configure it globally, and a pattern I like to use which separates data fetching from data display.
    Creating a Flip Card with Animation (
    Dec 14, 2019
    I will show you how to create a flip card with animation using react-card-flip library in this video.
    • Hong Ly
    Using React Hooks, Context and State (
    Dec 13, 2019
    Little code along of me trying to figure out how to use local state with context and hooks.
    Introduction to MobX & React in 2020 (
    Dec 02, 2019
    A lot has changed since my first MobX video about 2 years ago. This is an updated version of that, covering hooks and how to use modern MobX with functional components.
    Drag and Drop Files using react-dropzone (
    Nov 30, 2019
    In this video, I will show you how to create a drag and drop functionality in React with react-dropzone.
    • Hong Ly
    Drag and Drop Files using react-dropzone (
    Nov 30, 2019
    In this video, I will show you how to create a drag and drop functionality in React with react-dropzone.
    • Hong Ly
    MERN Stack - React.js Node, Express & MongoDB Crash Course (
    Nov 27, 2019
    ReactJS and NodeJS, together with ExpressJS & MongoDB form the very popular MERN stack!
    • Maximilian Schwarzmüller
      GraphQL Typescript Authentication Boilerplate (
      Nov 25, 2019
      I walkthrough and explain the GraphQL Typescript boilerplate I created that includes authentication via sessions.
      React Suspense Introduction (Data Fetching) (
      Nov 22, 2019
      In this video we're just going to experiment with React Suspense data fetching. Suspense is still an EXPERIMENTAL FEATURE at this time.
      React Suspense Introduction (Data Fetching) (
      Nov 22, 2019
      In this video we're just going to experiment with React Suspense data fetching.
      A Guided Tour of React Hooks (
      Nov 19, 2019
      In this talk you'll learn about the "magic" behind how Hooks work and get to see a few examples of them in action. We'll cover the big four: useState, useEffect, useReducer, and useContext, plus how to write your very own custom hooks.
      Migrating to React: Iteratively Modernizing a Flash Frontend (
      Nov 19, 2019
      An overview of a multi-year project to update a Flash-based webcast player to HTML5. Learn why they eventually chose React for their frontend (and how they convinced management to let them rewrite it), how they gradually migrated their code, problems they encountered along the way and their solutions.
      • Gabriel Ricard
      Use Netlify Functions to Build a Sound Board in Gatsby (
      Nov 15, 2019
      In this video, Jason adds Netlify Functions to his Gatsby site to enable dynamic functionality on a JAMstack app. We start by setting up an Express API, then go through writing serverless functions to send button clicks to that API.
      • Jason Lengstorf
      React Hooks Project Tutorial - Game of Life (
      Nov 14, 2019
      Learn how to build Conway's Game of Life using React hooks in this project tutorial.
      Working on a serverless + Gatsby app (
      Nov 13, 2019
      Great progress today on an app I started building months ago. Then I got distracted and it lay sad, alone, but not forgotten.
      React Navigation 5 | What's new ? (
      Nov 11, 2019
      In this tutorial we'll learn what's new in react navigation 5.
      • Varun Nath
      CSS Modules: Why are they great? (
      Nov 10, 2019
      Today we're talking about CSS Modules! Why are they great? Why are they cool? Why will you want to use them before the video is through?!
      • Harry Wolff
      Reading and Writing NFC in React Native (
      Nov 10, 2019
      With iOS 13 Apple finally opened the SDK to write data on some of the most popular NFC chips. Thankfully one of the most popular (and to my knowledge only) NFC React Native library, react-native-nfc-manager also added (some) support to do this. Let's see how it works in practice!
      • Tamas Szikszai
      Formik 2 Tutorial | React Forms (
      Nov 07, 2019
      Learn how to use Formik 2 to build forms in React.js. I go over how to do validation, create custom fields, and array fields.
      How to create a React Native animated Clock with Animated API in Expo (
      Nov 06, 2019
      In this video tutorial we'll learn how to create a minimalist Clock UI and how to animate it using React Native Animated API. We'll be using day.js library to get the timestamp, Animated.timing to animate the seconds, minutes, hours and Animated.stagger to animated the initial render of the Clock.
      • Catalin Miron
      Build a Gatsby Site With Nest.js (
      Nov 05, 2019
      What is Nest.js, and how does it make building APIs easier? In this episode, Ryan Chenkie teaches us how to create a GraphQL API using Nest.js, then builds a Gatsby site using the data.
      • Jason Lengstorf
      • Ryan Chenkie
      React Animated Sidebar Code Review (
      Nov 04, 2019
      I review a React Animated Sidebar component/hook that Alex created.
      How does React Suspense Work? (
      Nov 03, 2019
      Doing a deep dive into how exactly React Suspense works. It's pretty clever how React Suspense works!
      • Harry Wolff
      Keynote - Gatsby Days London 2019 (
      Nov 01, 2019
      Keynote speech by Kyle Mathews, CEO and co-founder of Gatsby, from the Gatsby Days London conference on Sept. 30th, 2019 at the Congress Centre. Learn about what's new in Gatsby and what the future looks like!
      First Look at React useDeferredValue Hook (
      Nov 01, 2019
      Learn how to use the useDeferredValue hook in React.
      First Look at React Suspense List (
      Oct 31, 2019
      Learn how to use Suspense List in React.
      React Practice Project Ideas (
      Oct 30, 2019
      To get good at React you've gotta build stuff. But, what should you build? How can you pick good project ideas that are fun, not-too-easy, and not too hard?
      Using WordPress as a Source for Gatsby (
      Oct 30, 2019
      A look into the advantages and possibilities that WordPress offers as source for Gatsby. How to use WpGraphQL and the ACF extension. A demo of how to use ACF Flexible content to make a custom builder.
      • Alexandra Spalato
      First Look at React useTransition Hook (
      Oct 30, 2019
      Learn how to use the useTransition hook in React.
      A Strategy for Learning React (or anything, really) (
      Oct 29, 2019
      Learning React can seem like a monumental task. There's React, Redux, routing, API calls, Context, Hooks, Suspense(?)... it's a lot. Let's chat about how to simplify things.