Latest Video Guides & Talks

Building a Backend for React with Next.js, Prisma 2, and Postgres (
Jun 24, 2020
In this video we will take an existing React app using Google Maps, and using Next.js (API routes), Prisma 2, and Postgres, we will learn how to read data from, and save data to our database.
React Material-UI Themes: Customize Material Components for your Project (
Jun 24, 2020
In this video, we will have a look at how you can customize react material-ui to align with your company identity (design system) and products.
  • Bruno Antunes
Beautiful Trigonometry - React Native (
Jun 23, 2020
In this video, we are building some of the animations from the Beautiful Trigonometry from Numberphile.
Posting Data to Server from React - Query Updates from Mutations (
Jun 18, 2020
In React you often need to persist data to the server. This video shows how to use react-query mutation functionality to post data to the server, and update the UI with fresh content. We cover three approaches to UI updates, going from easiest but worst performing, to most complicated but best performing.
Uber Swipe to Delete - “Can it be done in React Native?” (
Jun 16, 2020
In this video, we are looking at the Uber Eats Swipe to Delete user interaction.
Reanimated 2 Transitions (
Jun 09, 2020
In this video, we look at transitions with Reanimated 2.
Auth0 React | Authentication made easy (
Jun 09, 2020
Auth0 explained with a React JS application as an example.
  • Thomas Weibenfalk
React Multi-Step Form Tutorial: Using Formik, Yup and material-ui (
Jun 08, 2020
In order to validate our forms, we will use Yup with Formik validationSchema. We show how to validate fields that depend on other fields in different steps of the form. In order to add a nice look and feel to our form, we will use Material-UI stepper component in order to display in which step we are at the moment.
  • Bruno Antunes
Don't Mock Fetch (or Axios): Use Mock Service Worker and Test Like a User (
Jun 08, 2020
Despite having launched a video showing how to mock both Fetch and Axios recently... here is another solution, the one recommended by Kent C. Dodds (creator of React Testing Library), showing how to use Mock Service Worker to avoid making actual HTTP requests when you are running your tests.
Learning React Context (
Jun 08, 2020
In this Live Stream we're going to try React Context.
  • Florin Pop
Learn React Native Gestures and Animations (
Jun 05, 2020
In this React Native course, you will learn how to add declarative gestures and animations to your React Native projects.
Building a SPA (Single Page App) using React Router (
Jun 05, 2020
In this Live Stream we're going to use ReactJS and React Router to build a SPA (Single Page Application).
  • Florin Pop
The 5-min Reanimated Worklet (
Jun 02, 2020
In this video, we get to know animation worklets from Reanimated 2.
Web Speech API & React Tutorial - Word Matching Game (
May 28, 2020
In this video we'll cover the Web Speech API, building a word matching game for learning a language, similar to one of the features that DuoLingo has.
Building a Quiz App with ReactJS (
May 28, 2020
In this Live Stream we're going to use ReactJS to build a Quiz App.
  • Florin Pop
    Writing a Custom Hook: Conditional Hooks (
    May 25, 2020
    This is a continuation of my last video where we started writing our own custom React Hook, useEventListener.
    • Harry Wolff
    WhatsApp Photos - “Can it be done in React Native?” (
    May 19, 2020
    In this video, we are looking at the WhatsApp Photos user-interaction.
    Google Maps & Google Places in React (
    May 18, 2020
    This video covers a "Bear Sighting" React App where we learn how Google Maps, Google Places, and browser geolocation works. All using modern React (hooks) and up to date packages for 2020.
      Writing a Custom Hook: useEventListener (
      May 18, 2020
      React doesn't have a great way to create a global click handler, so we're going to be creating a custom Hook to fulfill our needs!
      • Harry Wolff
      Mocking Fetch in React Components (
      May 17, 2020
      In this video we'll test that a react component renders correctly when making a fetch call via the useSWR hook. We then mock the function that calls fetch, rather than fetch itself, to focus on the interface rather than the internal implementation details.
      Writing first React component test (
      May 16, 2020
      In this video, we will write our first React component test using cypress-react-unit-test and Cypress.
      • Gleb Bahmutov
      Expo: Universal React (
      May 16, 2020
      Watch Evan demo universal login, html elements, PWAs and more!
      Mocking Fetch Using jest-fetch-mock (
      May 16, 2020
      This video focuses on testing a function which makes a fetch call, mocking fetch using the jest-fetch-mock package rather than mocking the module manually ourselves (like we did in the previous video).
      Let's Create Interactive Tabs with react-tabs (
      May 16, 2020
      In this video, we will build an accessible tab in ReactJS. I will also show you how to download and use illustrations for free.
      • Hong Ly
      The 10-min React Native Wallet Animation (
      May 15, 2020
      In this video, we build an animation provided to use by the amazing Mengo To from
      Building a Recipe App with ReactJS (
      May 15, 2020
      In this Live Stream we're going to use ReactJS to build a Recipe App.
      • Florin Pop
        Concurrent React from Scratch (
        May 15, 2020
        In this talk, we’ll create an effective mental model of Concurrent React by building a tiny clone of React! We will start with a blank js file and learn about how React renders components, schedules Time-Slicing updates with a Work Loop, add Hooks, and end off with a mini-clone of Suspense!
        The 10-min React Native Swipe (
        May 12, 2020
        In this video, we build a swiper with React Native.
        Local Storage | Custom React Hook with Typescript (
        May 12, 2020
        Create a custom and reusable React Hook for using Local Storage - useLocalStorage with Typescript in React. I'll show you, from scratch, how to use a custom hook in React to utilize localstorage for persisting data.
        • Thomas Weibenfalk
        Simply React (
        May 11, 2020
        There are patterns that have emerged in React that allow you to promote code reuse without sacrificing the simplicity or flexibility of the component. In this talk we'll go over several of these patterns that will make your React components and hooks more useful.
        Code Review: useEffectReducer (
        May 11, 2020
        This first installment of "Code Review" we'll be taking a look at useEffectReducer.
        • Harry Wolff
        Build Modern Charts with ApexCharts.js (
        May 09, 2020
        In this video, I will be showing you how to modern and stunning graphs using ApexCharts library.
        • Hong Ly
        Trying out react-virtual (replacing react-window) (
        May 08, 2020
        I'm currently using react-window for the "windowing" lesson, but Tanner Linsley released react-virtual and I want to give it a try.
        Making a 3D Engine with React Native (
        May 06, 2020
        In this video, we build a baby 3d engine with React Native.
        The 10-min React Native Skew & Tween Transforms (
        May 05, 2020
        In this video, we showcase the decompose2d and tween function from redash.
        Working on Testing Library and Epic React (
        May 05, 2020
        Just thought I'd stream a bit of my work today for Testing Library and Epic React.
        Drag n' Drop Files in React - Parsing CSVs (
        May 02, 2020
        In this demo we handle drag n' drop file functionality in React in order to parse CSV files, extracting contact defaults to place into our state.
        Remix Preview #1 (
        Apr 28, 2020
        The first preview of Remix, the best way to build dynamic React websites. You'll get a preview on routing, layouts, data loading, meta tags, data caching, and scroll restoration.
          The 5-min Rotation Gesture (+ 5-min Bonus) (
          Apr 28, 2020
          In this video, we use the RotationGestureHandler for the first time.
          Learn routing in React with React Router 6 (
          Apr 28, 2020
          I try out React Router v6. This version is still in Alpha on the time of recording. So please note that the API may not be 100% stable.
          • Thomas Weibenfalk
          9 React conditional rendering methods (
          Apr 27, 2020
          Controlling the flow of your React application is crucial to getting the result that you are looking for. Learn more about React conditional rendering methods in this video.
          Instagram Style Route as Modal in Next.js (
          Apr 23, 2020
          This is an example of how to do routing as a modal in Next.js, where when the user clicks a link, content is shown within a modal, but when the user refreshes the page, they are on a dedicated page for that content.
          Fetch props directly from the Database?!?! New Hooks in Next.js 9.3! (
          Apr 19, 2020
          Fetch your props directly from the Database?!?! Adam Wathan showed a simple example of loading props directly from the database.