React Native for beginners - How to use SWR in React Native - Fetch and Cache data (tutorial)

Learn how to quickly fetch data in your React Native app with SWR, making your app faster and smoother. This tutorial is sponsored by ✨IBM StepZen✨ - a GraphQL server with a unique architecture that helps developers build APIs fast and with less code ❇️ Get your free account here: https://bit.ly/3TR8vQg In this step by step guide, we'll be going over the simple yet powerful features of SWR, showing you how you can leverage features like real-time data updates, lightweight data fetching, cache and request deduplication, and much more. This video is great for both beginners and those who already use React Native and want to improve how their apps handle data!🚀 *✅ Step-by-step Guide:* https://www.notjust.dev/blog/swr-react-native *💻 Source Code:* https://github.com/notJust-dev/SWR-React-Native-Example ⚛️ React Native Mastery is the ONLY course you need to master mobile development with React Native & Expo 🚀 Enroll here: https://www.notjust.dev/react-native-mastery 📚 This video includes a lot of tools and technologies, providing an excellent opportunity to learn about: - Introduction to SWR and its principles - Setting up SWR in a React Native project - Fetching data with SWR - Implementing cache and revalidation strategies - Real-time updates with SWR - Optimizing data fetching with pagination and suspense - Error handling and loading states - Advanced SWR configurations and techniques 💡 Have an idea for a future tutorial? Share it on our Idea Board: https://github.com/orgs/notJust-dev/discussions *💬 Join the notJust Development gang and let's build together:* Twitter: https://twitter.com/VadimNotJustDev Instagram: https://www.instagram.com/VadimNotJustDev Facebook: https://www.facebook.com/notjustdev LinkedIn: https://www.linkedin.com/in/vadimsavin Discord: https://discord.gg/VpURUN2 Timecodes: 0:00 Intro and what is SWR? 3:04 Starting the Tutorial - Setting Up 7:19 Installing SWR and Setting Up a Fetcher Function 13:56 Fetching data from a Public API 19:56 Rendering a List of Posts 26:58 Making Data Fetching Logic Reusable 33:48 Using a Custom Hook to Fetch User Data 50:50 Extracting posts to a separate screen 56:37 Configuring SWR Globally 1:08:31 Creating Mutations; Optimistic Updates 1:55:46 SWR Error Handling 1:57:03 Fetching GraphQL APIs & React Native Specific Configuration 2:17:44 Handling App Focus Events 2:42:37 Outro Disclaimer: This build is for educational purposes only. All views, opinions, and technology choices expressed in this video are my own and do not represent the views, opinions, or technology choices of any entity I have been, am now, or will be affiliated with. #notjustdev #SWR #reactnative