Summary
Keywords
Full Transcript
In this tutorial, we will build a Books App similar to GoodReads that will allow users to search for books and keep track of the books that they have read. This tutorial is sponsored by StepZen which is a GraphQL server with a unique architecture that helps developers build APIs fast and with less code (using declarative configurations). ❇️ Get your free account: http://bit.ly/3V3NMHb ⚛️ 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 build includes a lot of tools & technologies, and it's a great opportunity to learn: - React Native with Expo for the mobile application - Google Books API - Open Library API - StepZen to build a GraphQL API, using above mentioned public REST APIs - Apollo Client to query the API from React Native - Async Storage to persist data on the device storage ✨ Follow the step-by-step guide here: https://notjust.dev/blog/2022-11-18-build-a-books-app 🐱💻 Get the source code with the Asset Bundle here: https://notjust.dev/blog/2022-11-18-build-a-books-app 💬 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 Introduction 0:34 Todays build 05:07 Asset bundle download 06:04 Getting started 07:53 Architecture 14:39 Guide 15:32 Creating a StepZen account 16:58 Install StepZen cli 19:39 Building the APIs 29:23 Initialise expo app 38:34 Setup apollo client 54:03 Render a list of books 01:19:53 Create a search input box 01:35:31 Create separate tabs for Google Books & Open Library 01:52:13 Create the Book Provider 02:33:16 Implementing MyBooks Context 02:38:42 Persisting data with async storage 02:49:55 Code refactoring 03:07:00 Challenges 03:15:45 Q&A Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated. #notjustdev #whatsappclone #reactnative
