
Course Decription
Delve into the heart of modern app development with our comprehensive course, “Working with APIs, Authentication and Tanstack Query.” Learn how to seamlessly integrate APIs, implement secure JWT authentication, and handle data efficiently with Tanstack Query in a React Native app.
What will I learn?
- 🔥 Build a React Native app with Expo Router around an API, with JWT authentication for secure user access.
- 🔐 Handle JWT storage with Expo and React Context, securing user sessions and enhancing the user experience.
- ⚡️ Leverage the power of Tanstack Query to efficiently fetch and manage data from APIs.
- 📸 Upload and display images from the API, enriching your app’s user interface.
Unleash the power of the web in your mobile app development. Enroll in “Working with APIs, Authentication and Tanstack Query” now and build secure, data-rich applications with React Native and APIs today!
💪 Getting Started
About the Course
What are we building in this course, and what will you learn? Let's take a quick look at the course and all objectives!
API Setup
You will need an API for this course, and can select between hosted or self hosting.
🔐 Authentication
Building the Login UI
Let's set up our login and registration forms so we can easily connect them to the API later.
Using a React Auth Context
In this video, we'll install Axios and create a React Context to manage authentication.
Working with JWT and Expo Store
In this video, we'll install the Expo Secure Store package and use it to store our JWT token
Protecting Pages with Expo Router
Now we can protect the pages that we want to be private using our context.
⚡️ Tanstack Query
Queries and Mutations
Let's dive into Queries and Mutations of Tanstack and how to use them.
Creating a FlatList of Todos
To display our items we now set up a cool FlatList component.
Update and Delete Items
Now we will add the ability to update and delete items and again use mutations.
🗳️ File Upload
Image Upload to the API
Now we put everything we learned together to build our API upload functions.
Displaying Remote Images with Authentication
Finally we need to display images from the API with authentication.