Latest Video Guides & Talks

Internationalization in Gatsby Sites (youtube.com)
Apr 03, 2020
Making your website available in multiple languages is a great way to expand your audience. in this episode, Aisha Blake teaches us how to add i18n to our Gatsby sites!
  • Jason Lengstorf
  • Aisha Blake
Instagram API with React Hooks + Gatsby (youtube.com)
Apr 01, 2020
I'm cold, and coding up some Gatsby, React and Instagram API.
Instagram Pinch-to-Zoom - “Can it be done in React Native?” (youtube.com)
Mar 31, 2020
In this video, we are looking at the Instagram pinch-to-zoom effect.
Gatsby vs Next.js: Which does SSG Better? (youtube.com)
Mar 30, 2020
The battle you've all been waiting for! Which does static site generation better? Next.js or Gatsby?
  • Harry Wolff
How to Add Monaco Editor to a Next.js app (youtube.com)
Mar 30, 2020
A quick tutorial on adding VS Code's Monaco Editor to a Next.js app.
React Geospatial Visualization with kepler.gl (youtube.com)
Mar 25, 2020
kepler.gl is an amazing tool built by Uber allowing geospatial visualization in React with large amounts of data. You can use kepler.gl on their website but can also be baked into your own React app... we'll look at both approaches in this video!
  • Leigh Halliday
    Build your first Ionic React app (youtube.com)
    Mar 25, 2020
    Ionic React represents the most significant change in Ionic's history and opens up the Framework to a whole new audience. With one code base across any platform or deployment type, Ionic React makes it easy to build apps for iOS, Android, Desktop, and the web as a Progressive Web App.
    • Mike Hartington
      Introduction to React Motion (blog.logrocket.com)
      Mar 25, 2020
      React Motion is an animation library for React applications that makes it easy to create and implement realistic animations. In this guide, we’ll demonstrate how to install the library and share some basic tips to help you build natural-looking, physics-based animations for your React projects.
      • Gaurav Singhal
      Next.js Static Site Generation (SSG) Tutorial (youtube.com)
      Mar 24, 2020
      Learn how to use static site generation in Next.js in this tutorial where I show you how you can setup.
      The Heart of React Native Transform (youtube.com)
      Mar 24, 2020
      In today's video, we will be looking at React Native transforms.
      Building Offline-first Cross-platform Apps with Expo and Amplify DataStore (youtube.com)
      Mar 20, 2020
      Learn how to create a new Amplify DataStore project, integrate it with Expo, deploy it to AWS, and interact with it from a two different platforms: Web and iOS. We'll demo queries, mutations, and subscriptions as well as how to test out the offline functionality.
      Learn Gatsby: How to connect a CMS and Shopping Cart to Your Gatsby Site (youtube.com)
      Mar 19, 2020
      Add a new data source and start taking payments with your Gatsby site in this hands on session.
      • Aisha Blake
      • Marcy Sutton
      React Query - Data Fetching Hooks (youtube.com)
      Mar 18, 2020
      React Query is a fantastic tool that enables you to fetch remote asynchronous data inside of your components. It could be GraphQL, REST, or any other data source which responds with a promise. It comes with its own dev tools to visualize what it is doing, and a ton of amazing functionality such as stale-while-revalidate, refetch on focus, error handling, etc...
        React Native Long Press Animation Challenge (youtube.com)
        Mar 17, 2020
        In today's video, we will be looking to implement in React Native the animation challenge.
        Uploading Images to Firebase Storage in ReactJS (youtube.com)
        Mar 14, 2020
        I will be showing how to upload and store images in firebase using ReactJS.
        • Hong Ly
        Use WordPress + Gatsby for Jamstack Sites (with Zac Gordon) (youtube.com)
        Mar 13, 2020
        Content writers love the content management workflows that WordPress provides. Devs love the developer experience of using Gatsby. And when you combine the two? Everyone wins!
        • Jason Lengstorf
        • Zac Gordon
        Livestream: Day 2, Building a podcast app with React UI (youtube.com)
        Mar 12, 2020
        Building a podcast app to test a new library I'm working on.
          React Hooks Coronavirus API Code Along (youtube.com)
          Mar 12, 2020
          Quick and dirty code along showing how to use React hooks to fetch and display data.
          Gatsby Previous and Next Button Code Along (youtube.com)
          Mar 10, 2020
          Today we add prev/next buttons to both content types of my Gatsby site.
          React Native 3D Animations Challenge (youtube.com)
          Mar 10, 2020
          In today's video, we will be looking to implement in React Native the following animation challenge.
          React Router v6 Tutorial in 15 Minutes (youtube.com)
          Mar 07, 2020
          React Router v6 is both the next version of React Router v5 but also @reach/router... it's a coming together of all the best things from both routers in an easy to use light-weight package. In this tutorial we'll cover all the basics from routing, nested routes, dynamic routes, linking to catch-all routes in just over 15 minutes.
          Using React Hooks to Style CSS Flexbox or Grid Rows (youtube.com)
          Mar 06, 2020
          In this video I write a hook that will allow me to target and style flex or grid items based on their row. Something that currently isn't possible with just CSS.
          Gatsby Pagination Code Along (youtube.com)
          Mar 05, 2020
          In this video I modify my Gatsby site for pagination.
          Gatsby Pagination: Refactoring for Multiple Content Types (youtube.com)
          Mar 05, 2020
          Continuing the gatsby pagination video by refactoring out custom function to work with multiple content types.
          React Native Tabbar Animation Challenge (youtube.com)
          Mar 03, 2020
          In today's video, we will be looking to implement in React Native the following animation challenge.
          React Navigation v5 Tutorial (youtube.com)
          Feb 27, 2020
          Learn how to use React Navigation v5 by implementing the navigation pattern that is found in most popular apps right now. We cover authentication, stack/tab navigation, params, TypeScript, and more.
          Build an Expense Tracker | React Hooks & Context API (youtube.com)
          Feb 22, 2020
          In this project we will take a vanilla JS expense tracker app and turn it into a React app using hooks (useState, useContext, useReducer) and the context API.
          React Stripe Elements Package (NEW 2020) (youtube.com)
          Feb 22, 2020
          Stripe just came out with a new version of their Stripe Elements for React package, so let's try it out! We'll create a simple form, send that data to the backend where we'll use Stripe in Node to charge the card that comes from Stripe Elements.
            Validating React component props with prop-types (youtube.com)
            Feb 19, 2020
            Learn how to improve your React components by validating props with prop-types.
            • Karl Hadwen
            That React Component Right Under Your Context Provider Should Probably Use React.memo (youtube.com)
            Feb 18, 2020
            Sophie Alpert - former manager of the React team at Facebook - mentioned in a tweet "That React Component Right Under Your Context Provider Should Probably Use `React.memo`"... in this video we're going to explore what she meant, what the issue is, and how to solve it.
            Airbnb Shared Transition - “Can it be done in React Native?” (youtube.com)
            Feb 18, 2020
            In this video, we are building the Airbnb Shared Element Transition.
            Refactoring to react-query (youtube.com)
            Feb 18, 2020
            I'm refactoring some code to react-query.
              Build a Brain Computer App with React Native (youtube.com)
              Feb 16, 2020
              Today we will start building a mobile app with React Native that will link up with a brain computer interface!
              • Jesse R Weigel
              The 10-Minute Pixel Rounding (youtube.com)
              Feb 13, 2020
              In this video, we are looking at React Native pixel rounding.
              GraphQL Pagination with Cursors in Apollo React (youtube.com)
              Feb 13, 2020
              Apollo provides a function made for fetching additional paginated results, but it isn't directly obvious how it works! In this video we will walk through Cursor based GraphQL Pagination in Apollo React.
              Building a GraphQL server in Next.js (youtube.com)
              Feb 10, 2020
              In this video, we will learn how to use API routes to set up a GraphQL API within a Next.js app.
              Let's Build a Copy to Clipboard in React (youtube.com)
              Feb 08, 2020
              In this video, I will cover how to implement a Copy to Clipboard feature in ReactJS.
              • Hong Ly
                Why React Native is NOT garbage. (youtube.com)
                Feb 06, 2020
                I respond to a video TechLead made and make the case in favor of React Native.
                React Spring to Framer Motion Conversion (youtube.com)
                Feb 06, 2020
                A quick code blog to show how easy Framer Motion can be.
                React Native Crash Course 2020 (youtube.com)
                Feb 04, 2020
                In this course we will talk about what React Native is and get setup, look at some of the built in components and build a small shopping list app.
                Ultimate Calendar - Date Picker (youtube.com)
                Feb 01, 2020
                In this video, I will show you how to install and implement a simple React Calendar using react-calendar.
                • Hong Ly
                Even More GraphQL + React Hooks Refactoring! (youtube.com)
                Jan 30, 2020
                Another video with my refactoring my AdvancedReact.com course
                Mastering the basics of SEO in React and Next.js (youtube.com)
                Jan 27, 2020
                SEO from a technical perspective is nothing more than adding a few meta tags, right? Sorta... in this video we'll take a basic Next.js application, and get it to a score of 100 in Lighthouse Audit.