YoVDO

React Native MacOS App Tutorial - Book Management System

Offered By: freeCodeCamp

Tags

React Native Courses macOS Courses Zustand Courses Generative AI Courses Local Storage Courses React Navigation Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

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

Create a Zustand-like Module State Library
egghead.io
Zustand React State Management Course (Simple Redux Alternative)
freeCodeCamp
React Next.js Food Delivery App Full Tutorial - Full Stack Restaurant App
Lama Dev via YouTube
React Third-party State Management Playbook
Pluralsight
Building an AI Image and Video Editor with Next.js 14, Cloudinary, and Zustand
developedbyed via YouTube