Chapters (34)
- 0:00Book Management MacOS App (React Native)
- 1:29Setup React Native on your Mac
- 2:31Initialize the Project
- 6:11Cleanup the Project
- 9:21SearchBar Component
- 16:15Intro to Google Books API
- 16:58Use Postman to test the API
- 18:29Integrate Google Books API in the Project
- 24:28Setup Tanstack Query
- 28:41useSearch Custom Hook
- 34:07BookItem Component
- 44:31Render Books on Home Screen
- 48:42Add support for Icons in the Project
- 51:17Rating in BookItem
- 55:58Setup React Navigation
- 58:50Add new Route for Book Screen
- 1:04:37useBook Custom Hook
- 1:09:19Implement Book Screen
- 1:31:38Add types to React Navigation
- 1:34:52SelectBookShelf Component
- 1:44:47Add new Route for Bookshelves Screen
- 1:51:39SegmentedButtons Component
- 2:02:35Intro to Zustand
- 2:04:34Setup Zustand
- 2:09:04Zustand store for Bookshelves
- 2:15:30BookShelfItem Component
- 2:18:02Render Books on Bookshelves Screen
- 2:23:41Implement update book in Zustand
- 2:26:31Implement remove book in Zustand
- 2:33:22Implement Local Storage Support
- 2:41:11AI Book Summary
- 2:44:44Setup Google Generative AI
- 2:47:00useAI Custom Hook
- 2:55:21Outro
Show the creator's full description
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.
💻 Source Code: https://github.com/BrijenMakwana/read-scout
Bug Bridger for Stack Overflow app: https://play.google.com/store/apps/details?id=com.brijenmakwana.BugBridger
❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba)
⭐️ 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
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.