React Native MacOS App Tutorial - Book Management System

React Native MacOS App Tutorial - Book Management System

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Add support for Icons in the Project

13 of 34

13 of 34

⌨️ Add support for Icons in the Project

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React Native MacOS App Tutorial - Book Management System

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Book Management MacOS App React Native
  2. 2 ⌨️ Setup React Native on your Mac
  3. 3 ⌨️ Initialize the Project
  4. 4 ⌨️ Cleanup the Project
  5. 5 ⌨️ SearchBar Component
  6. 6 ⌨️ Intro to Google Books API
  7. 7 ⌨️ Use Postman to test the API
  8. 8 ⌨️ Integrate Google Books API in the Project
  9. 9 ⌨️ Setup Tanstack Query
  10. 10 ⌨️ useSearch Custom Hook
  11. 11 ⌨️ BookItem Component
  12. 12 ⌨️ Render Books on Home Screen
  13. 13 ⌨️ Add support for Icons in the Project
  14. 14 ⌨️ Rating in BookItem
  15. 15 ⌨️ Setup React Navigation
  16. 16 ⌨️ Add new Route for Book Screen
  17. 17 ⌨️ useBook Custom Hook
  18. 18 ⌨️ Implement Book Screen
  19. 19 ⌨️ Add types to React Navigation
  20. 20 ⌨️ SelectBookShelf Component
  21. 21 ⌨️ Add new Route for Bookshelves Screen
  22. 22 ⌨️ SegmentedButtons Component
  23. 23 ⌨️ Intro to Zustand
  24. 24 ⌨️ Setup Zustand
  25. 25 ⌨️ Zustand store for Bookshelves
  26. 26 ⌨️ BookShelfItem Component
  27. 27 ⌨️ Render Books on Bookshelves Screen
  28. 28 ⌨️ Implement update book in Zustand
  29. 29 ⌨️ Implement remove book in Zustand
  30. 30 ⌨️ Implement Local Storage Support
  31. 31 ⌨️ AI Book Summary
  32. 32 ⌨️ Setup Google Generative AI
  33. 33 ⌨️ useAI Custom Hook
  34. 34 ⌨️ Outro

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.