Latest Video Guides & Talks

React 18 was announced! I'm very excited! There's a lot to learn about, but right now there's 4 things you NEED to know today.

I give Clément an intermediate level React.js coding interview where I test his knowledge in creating a table that can sort columns and search for values.

React Native 0.64 comes with support In the first part of our podcast episode, Mike Grabowski and his guests: Eloy Durán and Xuan Huang, introduce the Hermes engine and discuss its biggest selling points.

A lot has changed in Redux since it was originally created. In this episode, Mark Erikson will teach us about Redux Toolkit an React-Redux hooks.

Tired of rebuilding your React-based web framework from scratch for every new project? You're in luck! RedwoodJS is a full-stack web application framework (think Rails but for JS/TS devs) based on React, Apollo GraphQL, and Prisma 2.

Watch as I build a Next.js application using the newly released Notion API live.

In this video, we mount our own components to keep users inside our application but still using the power and flexibility of Clerk.

Get started with Next.js, an awesome platform for server-side rendering and static site generation with React. We'll talk through the differences between SSR and SSG, how to create a Next.js app, and how routing works within it.

Learn all about Next.js, React's most popular Production Framework! Get Started with NextJS and make build amazing websites with ReactJS even more fun! Full Project included, 100% free 3 hours long course!

In this video we'll build our own feature flag management tool in Next.js, storing the flags in Redis with Upstash, creating a custom hook to check a flag's status in the view.

I'll show how to create a custom React Infinity Scroll Hook. But is it really a hook? What is the difference between a regular function and a custom hook in React?

Incremental Static Regeneration (ISR) allows content editors and developers to use static generation on a per-page basis and update content without having to rebuild the entire site.

Treehouse Alum & Engineer 2 at Mailchimp, Myles Young, will teach you about the benefits of incorporating Typescript into your React Projects.

What is JSX? A question for the ages! The 'don't call it a template' syntax extension to JavaScript that makes writing UIs within JavaScript actually pleasant.

Through lots of live code, Ryan and Michael will tell you all about where Remix started, where it's at now, and what this v1 Beta launch means for one of the most exciting web frameworks today.

In this video I'll show you how to upgrade the bookshelf app to v3 of react-query.

Learn how to create clean, beautiful React UIs! Shaundai Person will teach us how to combine function-style React components with Styled Components.

Have you ever wondered how to access query parameters "context.req.query" inside getStaticProps???

By the end of this React Redux crash course, you will learn how Redux works in React. You will be introduced to different terms in Redux such as Store, Action, Reducer & Dispatch. I have a quick exercise for you to complete as well. Let's start!

In this React JS crash course, you will learn the following topics: File structure, create components, JSX (styling in React), Routing, Props, Events, useState & useEffect (Hooks), Add pet function, Delete function, Build form using Material-UI (library from Google), Fetch data from server, PUT, DELETE, POST requests and many more.

Learn how to build, run, and deploy a Next.js application using Docker and Google Cloud Run in under 10 minutes!

How do you give non-developers control over the look and feel of an ecommerce site? Steve Sewell will teach us how to use Next.js, Shopify, and Builder.io to do it!

Conditional props are props that depend on other props values/types. In this video we will look into conditional properties while using react and TypeScript.

Basic usage with React Hook Form V7

In this video, I will show you how routing works in Next.js including pages and routes.

When front-end developers are learning the full-stack, they often stumble on which backend to use. If they hear Redis, they think of in-memory caching. That's what I thought, at least. After doing more research, I was surprised to find Redis excels at hashmaps, counters, sorted lists, and even queues.

Watch me build a clone of the Netflix.com landing page live using Next.js, Tailwind CSS for styling, and Next Auth to authenticate with Google.

In this video we will add validation to our Next.js API Routes using YUP. In order to achieve that in a simple and reusable way we will create a validation middleware that uses YUP for schema validation.

Did you know it's been over two years since the last major version of Gatsby? That's why Patrick and Lennart's GatsbyConf 2021 talk was one of the most highly-anticipated!

In this video tutorial we will re-create Medium's mobile app article sticky footer, using ScrollView and Animated API from React Native.

In this short video I show how to deploy a Next.js app to AWS using a custom domain name, leveraging the Serverless Next.js component.

Learn the fundamentals and how to build a ReactJS shopping cart with Typescript, Material UI, Styled Components and React-Query.

We'll start from scratch, creating a new Next.js app. We'll then, step by step, use the Amplify CLI to build out and configure our cloud infrastructure and then use the Amplify JS Libraries to connect the Next.js app to the APIs we create using the CLI.

React developers: see how you can streamline your workflow and build the fastest possible site quickly using Next.js.

In this live meet-up, we connect with our users who combine Prismic with Gatsby, go through the history of our support of Gatsby and talk about future plans.

In this video tutorial we will create an amazing scrolling animation/effect that you can apply to the items from a FlatList, ScrollView, SectionList and Animated API from React Native.

Did you know React Server Components are a thing? They are! They were recently announced by the React team in a blog post.

Get started with React in this crash course. We will be building a task tracker app and look at components, props, state, hooks, working with an API and more.

Ask our Solution Architect (Lee Robinson) anything about Next.js, React Server Components, Web Best Practices, Performance, Incremental Adoption, and Hosting.

In this video we'll learn how to use some new hooks from React Use Gesture to snap our image to the edges of our container!