Filter and Search Content in Your Web Apps Using Remix and Tigris Data

Filter and Search Content in Your Web Apps Using Remix and Tigris Data

Learn With Jason via YouTube Direct link

- Overview

1 of 30

1 of 30

- Overview

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Filter and Search Content in Your Web Apps Using Remix and Tigris Data

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

  1. 1 - Overview
  2. 2 - Team Meeting skit
  3. 3 - Tigris Data offers faceted search as a built-in
  4. 4 - What we're going to build
  5. 5 - Clone the starter repo
  6. 6 - Start the app locally and review the structure
  7. 7 - Update tsconfig.json
  8. 8 - Set up a Tigris Data account
  9. 9 - Create a new project
  10. 10 - Get application credentials
  11. 11 - Model the Tigris Data collection
  12. 12 - Marking fields as search fields
  13. 13 - Create a database setup script
  14. 14 - Run the setup script before dev and deployment
  15. 15 - Write a script to add data to the collection
  16. 16 - Run the seed script
  17. 17 - Create a function to search the artists collection
  18. 18 - Use the search function to query artists
  19. 19 - Define a Remix loader function to load artist data from Tigris
  20. 20 - Display live artist data in the UI
  21. 21 - Add free text search
  22. 22 - Add a search input component
  23. 23 - Use a query string parameter as the search query
  24. 24 - Add support for faceted search
  25. 25 - Display live genre data in the UI
  26. 26 - Create a utility function to get the genre from the URL path
  27. 27 - Update the search function to use the selected genre
  28. 28 - Identify the currently selected genre in the UI
  29. 29 - Verifying that everything works
  30. 30 - Additional resources and next steps

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.