Latest Video Guides & Talks

React Native Shared Element Transition React Navigation V5 - Episode 2 (youtube.com)
Sep 16, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create a parallax carousel animation using React Native Animated API and FlatList.
  • Catalin Miron
Fluid Body Animation (youtube.com)
Sep 15, 2020
Fluid body animation using Bézier Curves and Reanimated 2.
React 17 (youtube.com)
Sep 11, 2020
React 17 is coming, so let's talk about all the new features that will be available!!
React Native Shared Element Transition in React Navigation V5 (youtube.com)
Sep 09, 2020
Getting started with React Navigation v5 and Shared Element transition in React Native + create an advanced carousel animation using React Native Animated API.
  • Catalin Miron
React Native Animated Donut Chart with React Native SVG and Animated API (youtube.com)
Sep 02, 2020
In this video tutorial you'll learn how to create an animated donut chart component in React Native using React Native Animated API and React Native SVG.
  • Catalin Miron
Draggable Divs with Recoil State Management (youtube.com)
Sep 01, 2020
In this video we'll manage a dynamic number of Draggable Boxes (divs) inside of Recoil, computing/deriving a bounding box around these boxes using their positions on the page. We use react-draggable to make the draggable functionality possible.
Wave Animation (youtube.com)
Sep 01, 2020
Building a wave animation using Bézier Curves.
Simple Weather App (youtube.com)
Aug 29, 2020
Can't wait to show you how to create this simple weather app with free API from openweathermap.org. In this video, you'll learn how to use this weather API, display current date and time, covert from Kelvin to Fahrenheit/Celsius, Round to 2 decimal places, and be able to enter any cities and countries around the world.
  • Hong Ly
    Why I’m Using Next.js in 2020 (youtube.com)
    Aug 29, 2020
    Learn why the direction of Next.js (a React framework) might be aligned with the future of React
    • Lee Robinson
    (CI/CD): Deploy Next.js (SSG) to GitHub Pages using GitHub Actions (youtube.com)
    Aug 28, 2020
    In this video, we are going to deploy a Next.js (SSG) application to GitHub Pages using GitHub Actions (CI/CD).
    • Bruno Antunes
    Tracking Errors & Performance in Next.js with AppSignal (youtube.com)
    Aug 26, 2020
    In this video we cover how to add error and performance tracking to Next.js with AppSignal. We'll do this by adding a custom server to support server-side performance tracking.
    React Native Advanced Carousel Animations (youtube.com)
    Aug 26, 2020
    Learn how to create a custom carousel animation using.
    • Catalin Miron
    Code Review: React 17 Gradual Upgrade Demo (youtube.com)
    Aug 24, 2020
    We're back! More code review! This one is a great one - walking through how the React Gradual Upgrade demo works!
    • Harry Wolff
    Authentication Patterns for Next.js (youtube.com)
    Aug 19, 2020
    Learn how to add authentication with Next.js. The video covers custom React Hooks, protecting routes and redirecting on the server, and includes a variety of examples.
    • Lee Robinson
    Advanced React Native Animated FlatList Picker - Synchronised FlatLists (youtube.com)
    Aug 19, 2020
    In this tutorial I'm going to teach you how to synchronise two different FlatList and how to create a picker animation in React Native. This is a performant react native FlatList animation that will work on both iOS and Android at 60fps and there's no need for a Masked View to create this type of animation.
    • Catalin Miron
    Next.js - Incremental Static Regeneration (ISR) and Static Site Generation (SSG) (youtube.com)
    Aug 19, 2020
    In this video, we will go through the new Incremental Static Regeneration (ISR) in Next.js. In order to explain and understand ISR, we will do a summary around Static Site Generation (SSG). We will look into fallback: false and fallback: true and revalidate property of getStaticProps.
    • Bruno Antunes
    What Is React Native Testing Library (youtube.com)
    Aug 18, 2020
    In this video Mike Grabowski and Mike Pierzchała talk about the React Native Testing Library.
    • Mike Grabowski
    • Mike Pierzchała
    Measures with Reanimated 2 (youtube.com)
    Aug 18, 2020
    In this video, we are looking a making animations via the dbrand.com color selection.
    React Portal - Create a Modal popup with React and Typescript (youtube.com)
    Aug 18, 2020
    I show how to create a modal popup with React, Typescript and the NES.css library to spice things up.
    • Thomas Weibenfalk
    React 17’s Best New Feature: Gradual Upgrades (youtube.com)
    Aug 17, 2020
    React 17 RC is out! The blog post says no new features but I disagree! I think it's ability to better support gradual upgrades is an awesome new feature!
    • Harry Wolff
    Realtime Chat App (youtube.com)
    Aug 17, 2020
    Let's build a realtime chat app with React, Apollo, GraphQL Subscriptions, Websockets and Module Federation.
    • Jack Herrington
    Apollo Client v3 Fullstack Next.js Setup with SSR + Nexus Schema (youtube.com)
    Aug 17, 2020
    In this video we recreate the Next.js example setting up Apollo Client v3, Apollo Server, Nexus Schema, with support for SSR.
    Guide to React's useRef Hook (youtube.com)
    Aug 17, 2020
    In this post you'll learn how and why you can use React's useRef Hook to persist values across renders without causing a re-render.
    Build your own GraphQL Resume with Next.js, Apollo Client, and Prism Code Highlighter. Part 2 / 2 (youtube.com)
    Aug 15, 2020
    In part two we will build out the frontend of our GraphQL Resume. First we set up the Apollo Client, then fetch and display the data that comes back from our GraphQL API. Lastly we add Prism Code Highlighter to show display the GraphQL query which retrieved the data we are displaying.
    Advanced React Native FlatList stack carousel animations at 60fps (youtube.com)
    Aug 12, 2020
    In this tutorial we are going to create a stack carousel animation in React Native using FlatList, Animated API and FlingGestureHandler from react-native-gesture-handler package.
    • Catalin Miron
    Build your own GraphQL Resume with Next.js, Apollo Server, and Nexus Schema. Part 1 / 2 (youtube.com)
    Aug 11, 2020
    In this video we will use a code-first approach to building a GraphQL API. This means that the code we write will generate the GraphQL schema as an artifact rather than something we have to maintain ourselves.
    Masking Animations with React Native (youtube.com)
    Aug 11, 2020
    In this video, we are looking a making animations via the dbrand.com color selection.
    Build Hangman With React (youtube.com)
    Aug 07, 2020
    In this video we will create a hangman game using React with hooks.
    • Jesse Hall
    React to PDF Printing (youtube.com)
    Aug 01, 2020
    We will learn how to convert anything inside React component into PDF file and be able to print. Let's find out, guys!
    • Hong Ly
      Integrate Custom Drawer animation component in React Navigation v5 (youtube.com)
      Jul 31, 2020
      In this tutorial we will build a custom drawer in React Native using SVG, Masked View and vanilla Animated API from React Native. We will go through how to animate a Polygon in React Native, how to animate the inner content of the drawer and how the React Native MaskedView is working.
      • Catalin Miron
      JSX Tips and Gotchas for Beginners (youtube.com)
      Jul 31, 2020
      In this video you'll learn a bunch of tips and tricks for dealing with JSX.
      Creating a User Registration form with react-hook-form (youtube.com)
      Jul 31, 2020
      We'll create a User Registration Form in Next.js using react-hook-form, testing its validation with react testing library.
      Cards — React Native Fashion (youtube.com)
      Jul 31, 2020
      In this series, we are building a React Native App from 0 to 1.
      Introduction to React Recoil (Experimental) State Management (youtube.com)
      Jul 30, 2020
      In this video we'll learn about Recoil React State Management which is a new and experimental state management library from Facebook. It is great for when your components are highly relational, when you have derived/computed state, and when you want to avoid re-rendering the entire tree when only certain parts of your state have updated.
      Drawer — React Native Fashion (youtube.com)
      Jul 30, 2020
      In this series, we are building a React Native App from 0 to 1.
      Nested Navigator — React Native Fashion (youtube.com)
      Jul 29, 2020
      In this series, we are building a React Native App from 0 to 1.
      Custom React Native Drawer animation with SVG and Masked View (youtube.com)
      Jul 29, 2020
      In this tutorial we will build a custom drawer in React Native using SVG, Masked View and vanilla Animated API from React Native. We will go through how to animate a Polygon in React Native, how to animate the inner content of the drawer and how the React Native MaskedView is working.
      • Catalin Miron
      React Context Explained (youtube.com)
      Jul 28, 2020
      In this video you'll learn what React context is as well as when (and when not) to use it. You'll also learn about the useContext Hook.
      React Native Charts with Reanimated 2 (youtube.com)
      Jul 28, 2020
      In this video, we are building an interactive Graph with Reanimated 2.
      Forgot Password — React Native Fashion (youtube.com)
      Jul 24, 2020
      In this series, we are building a React Native App from 0 to 1.
      SignUp — React Native Fashion (youtube.com)
      Jul 23, 2020
      In this series, we are building a React Native App from 0 to 1.