Course
Course Decription
Join us on an exciting expedition where we craft a React Native Pokedex, blending the capabilities of Expo Router, APIs, and animations. Whether you’re a novice aiming for a quick start or a developer hungry for advanced techniques, this course has something for everyone.
What will I learn?
- 💪 Begin with the essentials: Set up a React Native app, learn to use Expo Router, seamlessly integrated with the PokeAPI, and bring your Pokedex to life.
- 🌈 Dive into basic animations, adding a visual spark to your app and understand AsyncStorage to bookmark your favorite Pokémon.
- 🪐 Transition into advanced techniques: Refactor your code and adopt the power of Tanstack Query for state management.
- ⚡️Boost your app’s performance with Flashlist for lists and MMKV for faster storage operations.
- 🔥 Round off your learning with intricate animations from Reanimated, taking your app’s visual appeal up a notch.
Embark on this comprehensive journey. Enroll in “Quickstart: Expo Router, API Calls & Animations” now and swiftly evolve from a beginner to a React Native maestro!
💪 Basics
Expo Router Setup
We start with the Expo Typescript template and manually add the Expo Router for file based routing.
Fetching API Data
In this video, we'll learn how to fetch data from an API using the `fetch` function.
Rendering List Components
In this video, we'll use the scrollview component to display our API data.
Expo Router Navigation & Styling
In this video, we'll learn how to use file based routing to navigate between screens in our Expo app.
App improvements
In this video we will talk about the improvements we can make to our app.
🌶️ Refactoring
TanStack Query State Management
In this video we add TanStack Query to our app to manage our state.
FlashList Scroll Improvement
In this video we will swap out the scrollview and use the more performant FlashList.
Using MMKV for Synchronous Data Storage
Now we add the MMKV package for faster storage reads and writes.
Staggered List with Queries
We compile all of our learnings into one powerful, animated modal page for favorites.