Latest Video Guides & Talks

Convert a React Native Project to Typescript in 10 Minutes (youtube.com)
Sep 21, 2019
This talk will show you all the steps involved in converting a React Native project to TypeScript, as well as many of the pitfalls and gotchas that you might encounter along the way.
  • Alex Hinson
Build a Gatsby Transformer Plugin for Cloudinary (youtube.com)
Sep 20, 2019
In a marathon solo stream, Jason builds out most of a Gatsby transformer plugin to upload local files to Cloudinary and add support for using Cloudinary images in gatsby-image.
  • Jason Lengstorf
Deploy a Gatsby Site + API Using ZEIT Now (youtube.com)
Sep 19, 2019
How simple can it be to create a website, get a custom domain, build a serverless API, configure automatic deployments, and take the whole thing live? With ZEIT’s suite of tools, it can be pretty dang simple.
  • Jason Lengstorf
  • Leo Lamprecht
JWT Authentication Node.js Tutorial with GraphQL and React (youtube.com)
Sep 19, 2019
Learn how to add JWT authentication to your project with this fullstack tutorial using Node.js, Typescript, GraphQL, React, and PostgreSQL.
React Hooks: useContext (youtube.com)
Sep 18, 2019
Let's see how to combine useReducer and useContext to create a powerful pattern that allows us to encapsulate complicated nested state, and provide simple state values and action functions to any children of our Context Provider.
A sneak peak at React Form v4, how to use it, and how it works! (youtube.com)
Sep 17, 2019
Come get a sneak peak at the new React Form v4 (currently in alpha).
  • Tanner Linsley
React Hooks: useReducer (youtube.com)
Sep 16, 2019
I know reducers from Redux, but something similar actually comes built in to React now with the useReducer hook. We'll see how to use it to clean up nested state.
Making a PRODUCTION ready Flappy Bird in React Native (youtube.com)
Sep 14, 2019
In the previous episode we created a proof of concept version of Flappy Bird using react-native-game-engine and Matter.js. While it was fun, it wasn't even remotely the kind of game that any user would enjoy or even use for more than 10 seconds. Today we are aiming to make the game to be (more or less) production ready.
  • Tamas Szikszai
Using monorepos to supercharge development (youtube.com)
Sep 13, 2019
Dmitri has spent 6 months researching monorepos so you don't have to. In this talk you will learn all you need to know about what a monorepo is, the benefits it provides, pitfalls to watch out for and how to make it work for you.
  • Dmitri Grabov
Testing Is All About Principles (youtube.com)
Sep 13, 2019
Should we use react-testing-library or Enzyme? What about snapshot testing? What should be our code coverage? Those are questions we often hear when discussing testing. Those questions are easy to discuss but the answers won't necessarily make us write more reliable code.
  • Alex Lobera
Performance Anxiety With React (youtube.com)
Sep 13, 2019
Do not worry about the performance of your React apps anymore, Jessica will take you through a how-to of performance improvement. We will look at how to use techniques to track and increase speed.
  • Jessica Leach
How I built a useField React Hook for forms... and why form-related hooks are so hard! (youtube.com)
Sep 13, 2019
In this stream, I'll walk you through how I built a useField hook using nothing but React Hooks. I'll also talk about why I think form state is so hard to handle in any UI and my plans to make it easier.
  • Tanner Linsley
Advanced GraphQL Techniques in Gatsby (youtube.com)
Sep 12, 2019
Can a GraphQL node get data from two different places? Can we use GraphQL to normalize data form different sources? Mikhail Novikov will teach us advanced GraphQL patterns with Gatsby so you can create extremely powerful apps and websites.
  • Jason Lengstorf
  • Mikhail Novikov
Advanced change detection in React with the useEffect hook (youtube.com)
Sep 10, 2019
The useEffect hooks is a great way to detect changes to state and sync side-effects. We'll look at some corner cases and escape hatches that will level up your useEffect game.
  • Tanner Linsley
Spotify Player - “Can it be done in React Native?” (youtube.com)
Sep 10, 2019
In this video, we are building the Spotify bottom sheet gesture and animation using React Native.
Thoughts on Gatsby (youtube.com)
Sep 09, 2019
I just finished making my website using Gatsby.js and talk about my experience and some thoughts I had on it.
Animation and 3D in react-three-fiber (youtube.com)
Sep 06, 2019
3D animation in the browser can be super intimidating. In this episode, Paul Henschel joins to teach us how to use react-three-fiber to create high-performance 3D animations and shapes in the browser.
  • Jason Lengstorf
  • Paul Henschel
A CEO who can code? Watch Netlify's CEO code a Sudoku app from scratch in a bar on a Saturday night (youtube.com)
Sep 06, 2019
Netlify CEO Matt Biilmann live codes a Sudoku app using Netlify while sitting in a bar on late one Saturday night. We recorded this in GitHub's bar in their office during the 2018 freeCodeCamp JAMstack Hackathon.
  • Matt Biilmann
Set up Strapi as a CMS for Gatsby (youtube.com)
Sep 05, 2019
Strapi is an open source, self-hosted Node.js headless CMS, which makes it a great option for setting up a Gatsby site. On this episode, David Kartuzinski (https://twitter.com/kai_dawei) joins to teach us how to set up Strapi from scratch to power a Gatsby site.
  • Jason Lengstorf
  • David Kartuzinski
React Typescript Tutorial (youtube.com)
Sep 05, 2019
Learn how to start using Typescript in your React code. I go over props, hooks, and render props.
Flappy Bird with react-native-game-engine and Matter.js (youtube.com)
Sep 04, 2019
Today I'm building the "classic" game Flappy Bird in react native, using react-native-game-engine and Matter.js. This kind of game is not necessarily something that I would encourage to build using react native, but it is entirely possible, so might as well.
  • Tamas Szikszai
How to debounce async side-effects with React Hooks (youtube.com)
Sep 03, 2019
Debouncing async side-effects is a mouthful, but you'll probably run into sooner or later with your React apps. Join me as we build a few hooks to handle this use case!
  • Tanner Linsley
Code is a User Interface (youtube.com)
Sep 02, 2019
  • Justin Falcone
    So You Think YOU'RE a Junior Dev? (youtube.com)
    Sep 02, 2019
    • Revel Carlberg West
      Building Snake with react-native-game-engine (youtube.com)
      Aug 29, 2019
      React native tutorial on building the classic Snake game, made popular by Nokia in the late 90s.
      • Tamas Szikszai
      Build Your Own Meme Website (youtube.com)
      Aug 29, 2019
      Sara Vieira is the queen of memes. On this episode, she joins to teach us how to build a fun, silly website to showcase her many amazing memes and make them interactive.
      React Router Tutorial (youtube.com)
      Aug 29, 2019
      Learn how to use React Router. I go over setup, creating routes, changing routes, and route params.
      In Depth gatsby-image Tutorial (youtube.com)
      Aug 27, 2019
      In this video from my Gatsby Basics course I walk through how to use the Gatsby Image component in a number of different ways.
      • Zac Gordon
      Intermediate React Tutorial - Todoist Clone (youtube.com)
      Aug 27, 2019
      In this course, we're going to be creating the popular Todoist list application (https://todoist.com) from scratch using React (Custom Hooks, Context), Firebase & React Testing Library (unit & integration testing). In addition to the latter technologies, we will be styling the application using SCSS (CSS) and following the BEM naming methodology.
      • Karl Hadwen
        Using Contentful and Gatsby Together (youtube.com)
        Aug 26, 2019
        Contentful provides a flexible, powerful content management back-end, which pairs really well with Gatsby. In this episode, Khaled Garbaya will teach us how to use Contentful to power Gatsby sites.
        • Jason Lengstorf
        • Khaled Garbaya
        Playing with Framer Motion (youtube.com)
        Aug 26, 2019
        Today we're going to play with Framer Motion to get a feel for how easy it is to get started with. Follow along!
        • Harry Wolff
        Building a Slot Machine Game in React Native (Part #2) - Highlighting the winning lines (youtube.com)
        Aug 24, 2019
        This is the second part of the series where I try to create a fully fledged Slot Machine Game in React Native. In this episode we are going to evaluate the result of the spin and highlight the lines that won with a nice little animation.
        • Tamas Szikszai