Persisting and Sharing Data In A React Native | Expo App

Published: 23 October 2023
on channel: ToThePointCode
3,829
80

In this video, we look at how to persist and share data across various parts of a React Native or Expo App using Secure Store and Context API.
GET SOURCE CODE 📀⬇️

🔴 Resulting Source Code - https://bit.ly/rn-data-storage

🔴 Get full access to All Source Codes and other resources released DURING the Month - https://bit.ly/ttpc-monthly-access

NOTES

🔵 We'll look at how to store the user’s details securely after login, update the stored details when necessary, use the details in different parts of the app, enable or disable some functionalities based on the stored data, fetch the stored details whenever the app starts, and also clearing the data when the user logs out.

VIDEO RESOURCES

🟢 Expo Secure Store - https://docs.expo.dev/versions/latest...

🟢 Expo Splash Screen - https://docs.expo.dev/versions/latest...

LET’S WORK

👋 You can reach me at - [email protected]

CHECK OUT THESE HELPFUL TUTORIALS

🟡 Complete React and Node JS Login System -    • Login Page with React and Node Js + E...  

🟡 Node JS Projects -    • Node JS Starter Guide  

🟡 React Native Projects -    • React Native Starter Guide  

🟡 Publishing Expo React Native App to Play Store Journey
   • Publish Expo React Native App to Play...  

🟡 PHP Project
   • PHP CRUD Application ft MySQL, JQuery  

TOOLS USED

🟠 Tool for my thumbnail & images - https://partner.canva.com/ttpc

🟠 Cheap website domain name - https://namecheap.pxf.io/ttpc


FOLLOW US ON:

🔵 GitHub - https://github.com/tothepointcode

🔵 YouTube -    / @tothepointcode  

CHAPTERS

00:00 What Will Be Done
00:53 What Will Be Needed
01:03 Useful Storage Utility Functions
02:27 Setting Up Context API
03:32 Saving Details Securely on Login
05:00 Updating The Stored Data
06:29 Using The Data Across Various Parts of The App
07:57 Enabling And Disabling Functionalities
08:53 Fetching The Data When The App Starts
10:27 Clearing Saved Data On Logout
11:22 Demo Of Work Done

#tothepointcode #contextapi #reactnative