Courses

Free, in-depth courses on React Native, React, and beyond.

React
React Navigation
React Native
React
beginner

TanStack Form for React

A comprehensive course on TanStack Form, the headless, type-safe form library for React. We'll start with the fundamentals — setting up forms, managing field state, and handling submissions. Then we'll dive deep into validation with synchronous, asynchronous, and Zod schema-based approaches.

From there we'll tackle advanced patterns like array fields, linked fields, listeners, custom components, and DevTools integration. The course wraps up with a capstone project where you'll build a complete multi-step account form that ties everything together.
20 lessons~6 hours
React Navigation
beginner

React Navigation for Beginners

A comprehensive course on React Navigation v7 with React Native and Expo. We start with project setup, then cover each navigator type — Stack, Tab, and Drawer — with hands-on examples. From there we combine navigators, tackle real-world patterns like authentication flows, modals, and deep linking, and finish with a capstone project that ties everything together.
17 lessons~4 hours
React
beginner

Formik for Beginners

Forms are a very tricky topic in general. The React ecosystem has seen an endless rise and fall of various form libraries. One such library that has stuck around is Formik. This course is only going to touch the basics of forms as well as the basics of Formik. It'll be a good introduction if you're confused about how to get started.

We'll start with setup and then walk through different types of Field configurations Formik provides, as well as how to simplify fields with hooks. Then we'll walk through the one-off form types like checkbox and radio fields. Following up with errors and validation.

Then we'll dive into building a login form and a registration form, and end the course with building custom fields.
11 lessons~2 hours
React Native
beginner

React Native Reanimated Fundamentals

In this course we'll dive into the fundamentals of Reanimated as well as how it interacts with react-native-gesture-handler. Both of these libraries are new ways to interact and animate with React Native. They operate natively and declaratively. This means they are fast because they are running natively and aren't touching the bridge and declaratively meaning you define all the necessary code and it responds when things change.

Overall Reanimated is a very powerful new method to help you achieve the most performant animations so your React Native application runs smoothly
4 lessons~1 hour
React Native
beginner

React Native Animated for Beginners

Learn the basics of React Native Animated.
40 lessons~1.5 hours
React Native
intermediate

Creating a React Native Animated Number Ticker

In this course we'll dive into creating an Animated Number Ticker. We'll learn about hiding elements using overflow: "hidden". How to abstract code into a reusable component. Finally we'll use Animated to create the rotation effect.
3 lessons~45 min
React Native
advanced

Master React Native Animations

From basics to mastery of the Animated library in React Native. This course will guide you through the fundamentals of using each specific Animated function. We'll move on through basic usage with simple examples. Followed by advanced usage with simplified examples. Finally we'll go onto real world usage. Each real world example comes with a break down of each demo, followed by the building and implementation.
86 lessons~8 hours
React Native
beginner

Fundamentals of React Native Video

React Native Video is a community supported video element for React Native. It allows for remote loading of videos and also works with the React Native asset management system to load videos. Having a flexible video component is essential to developing and enhancing your application.

Like many React Native elements, the video element is very basic and doesn't ship with anything besides a flexible API. This allows you to develop the exact layout, controls, and custom overlays to match your application.

In this course we'll take a look at a basic setup. Then explore the different ways we can load and show videos. We'll show how to use a few of the custom callbacks to overlay errors and buffering elements. Because there are no controls shipped with react-native-video we'll show how to write custom video controls and animate them when the video has not been interacted with.

Finally we'll cover a few common paradigms found in the wild. Including repeating background cover videos, auto-playing videos when they scroll onto the screen and auto-stopping them when they are scrolled away from.
8 lessons~2 hours
React Native
beginner

React Native Animation Fundamentals

In this course we will learn and demonstrate the basic concepts of the React Native Animated API. We'll use Animated calls like timing and spring to animate style properties, and learn how to combine animations to create more complex effects. We'll learn about more advanced interactions like animations with touch events, interpolation, and flip animations. The ultimate goal is to gain an understanding of how to animate React Native Views, how you can apply them to many different types of styles, and how to enhance the experience in your application.

9 lessons~2 hours