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

Build Mobile Apps With React Native and Expo
Laracasts
Capstone (React App)
Meta via Coursera
Learn React Native
Codecademy
Introduction to Mobile App Development
IBM via Coursera
The Ultimate ChatGPT Guide with React Native - Develop Mobile Apps
Packt via Coursera