Develop a sophisticated MacOS app using React Native to search, explore, and manage books with the Google Books API. Master essential skills like setting up React Native, integrating APIs, implementing custom hooks, and creating reusable components. Learn to use Tanstack Query for efficient data fetching, React Navigation for seamless routing, and Zustand for state management. Implement advanced features such as AI-powered book summaries using Google Generative AI and local storage support. By the end of this comprehensive tutorial, gain the knowledge to build feature-rich MacOS applications and understand the intricacies of React Native development for desktop platforms.
Overview
Syllabus
⌨️ Book Management MacOS App React Native
⌨️ Setup React Native on your Mac
⌨️ Initialize the Project
⌨️ Cleanup the Project
⌨️ SearchBar Component
⌨️ Intro to Google Books API
⌨️ Use Postman to test the API
⌨️ Integrate Google Books API in the Project
⌨️ Setup Tanstack Query
⌨️ useSearch Custom Hook
⌨️ BookItem Component
⌨️ Render Books on Home Screen
⌨️ Add support for Icons in the Project
⌨️ Rating in BookItem
⌨️ Setup React Navigation
⌨️ Add new Route for Book Screen
⌨️ useBook Custom Hook
⌨️ Implement Book Screen
⌨️ Add types to React Navigation
⌨️ SelectBookShelf Component
⌨️ Add new Route for Bookshelves Screen
⌨️ SegmentedButtons Component
⌨️ Intro to Zustand
⌨️ Setup Zustand
⌨️ Zustand store for Bookshelves
⌨️ BookShelfItem Component
⌨️ Render Books on Bookshelves Screen
⌨️ Implement update book in Zustand
⌨️ Implement remove book in Zustand
⌨️ Implement Local Storage Support
⌨️ AI Book Summary
⌨️ Setup Google Generative AI
⌨️ useAI Custom Hook
⌨️ Outro
Taught by
freeCodeCamp.org
Related Courses
-
React Native Course – Android and iOS App Development
-
Build the Airbnb App in React Native - Tutorial for Beginners
-
Build and Deploy a React Native App - React Native Course Tutorial for Beginners
-
Build a Books App with React Native - Tutorial for Beginners
-
Build Your First App in React Native - Tutorial for Beginners
