Courses

We're going to take you from zero Hasura knowledge to building out permissions, authentication, and websocket magic! We'll start by exploring why Hasura is great, then jump into setting up local development. Next we'll deploy to Hasura Cloud with Amazon RDS as our database. Then with our local and production environments setup we'll dive into making tables, setting up permissions, and even setting up CI/CD on Github actions.

Finally we'll dive into some code and create Actions, which are webhooks that integrate into Hasura as graphql queries/mutations. Ending with a complete setup of real time chat interface including public messaging in channels, as well as private messaging!

In this course we're going to cover React Navigation v5 with React Native. We'll walk through the basic setup before any routes are added. Then walk through each different type of navigator including Stack, Tab and Drawer. Once you have an understanding of the basics we'll look at common patterns including authenticated/unauthenticated routes, buttons in headers, modal routes, and more.

Forms are a very tricky topic in general. The React ecosystem has seen a 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 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.

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

Learn the basiscs of React Native Animated.

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.

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.

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.

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.