React Native MacOS App Tutorial – Book Management System

Learn how to use React Native to build a sophisticated MacOS app that allows users to search and explore books using the Google Books API and manage their personal bookshelves. You'll also implement AI-powered summaries and ensure smooth navigation and state management. By the end, you'll have a fully integrated app with advanced features and understand how to build your own MacOS applications.

✏️ Course created by Brijen Makwana.

⭐️ Contents ⭐️
⌨️ (0:00:00) Book Management MacOS App (React Native)
⌨️ (0:01:29) Setup React Native on your Mac
⌨️ (0:02:31) Initialize the Project
⌨️ (0:06:11) Cleanup the Project
⌨️ (0:09:21) SearchBar Component
⌨️ (0:16:15) Intro to Google Books API
⌨️ (0:16:58) Use Postman to test the API
⌨️ (0:18:29) Integrate Google Books API in the Project
⌨️ (0:24:28) Setup Tanstack Query
⌨️ (0:28:41) useSearch Custom Hook
⌨️ (0:34:07) BookItem Component
⌨️ (0:44:31) Render Books on Home Screen
⌨️ (0:48:42) Add support for Icons in the Project
⌨️ (0:51:17) Rating in BookItem
⌨️ (0:55:58) Setup React Navigation
⌨️ (0:58:50) Add new Route for Book Screen
⌨️ (1:04:37) useBook Custom Hook
⌨️ (1:09:19) Implement Book Screen
⌨️ (1:31:38) Add types to React Navigation
⌨️ (1:34:52) SelectBookShelf Component
⌨️ (1:44:47) Add new Route for Bookshelves Screen
⌨️ (1:51:39) SegmentedButtons Component
⌨️ (2:02:35) Intro to Zustand
⌨️ (2:04:34) Setup Zustand
⌨️ (2:09:04) Zustand store for Bookshelves
⌨️ (2:15:30) BookShelfItem Component
⌨️ (2:18:02) Render Books on Bookshelves Screen
⌨️ (2:23:41) Implement update book in Zustand
⌨️ (2:26:31) Implement remove book in Zustand
⌨️ (2:33:22) Implement Local Storage Support
⌨️ (2:41:11) AI Book Summary
⌨️ (2:44:44) Setup Google Generative AI
⌨️ (2:47:00) useAI Custom Hook
⌨️ (2:55:21) Outro

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[brijenmakwana]

Hey, I'm Brijen from the video. Hope you guys find it helpful. Thanks freeCodeCamp, for having me 🙌🏻

[kullanckullanc]

ven 25-year-olds can't find jobs these days. Despite knowing multiple programming languages and practicing for interview questions, people still can't get hired; they are being rejected outright. I know people who have been applying for jobs for a year, even a year and a half. People are even being laid off. Understand this, finding a job has become very difficult, extremely difficult. For those over forty, it's even harder. The job market has changed a lot, friends. Really, unless you have connections, getting a job is incredibly, incredibly difficult.

[xdinguse]

We need a godot one and Mac terminal video pls 😊

[codingmadesimplified]

Those getting API Exhausting error while hitting book API (too many request errors).

Go to Google Console, enable book API from API Library, Create an API key for project, and use it using the query parameter as key=API_KEY

[SivoneiNeneve]

Sorry .. Installing IRL is not so easy as it appear on these videos ... dealing for hours with dependency hell ... :/

[danielayota]

i stuck setting up react native with expo prebuild in kali linux, can i get help ?

[ulrich-tonmoy]

Is it possible to create desktop app using expo

[Mohanad-Egy]

Noooo, I can’t understand Indian accent it’s hard please we want white people 😢 ! Save this channel

[code-here]

We want to add Arabic dubbing to the videos or create a channel for you directed to Arabs