Remix and Strapi Crash Course – Full Stack Development

Remix and Strapi Crash Course – Full Stack Development

freeCodeCamp.org via freeCodeCamp Direct link

Submitting our form programmatically on input change

23 of 29

23 of 29

Submitting our form programmatically on input change

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Remix and Strapi Crash Course – Full Stack Development

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

  1. 1 Introduction
  2. 2 Prerequisites
  3. 3 Setting up our project and overview
  4. 4 Root route explained and linking our CSS
  5. 5 Creating your first route and render via outlet
  6. 6 Creating Dynamic Routes in Remix
  7. 7 Setting up contact detail page
  8. 8 Using the loader function to load data
  9. 9 Loading single-user based on id via params
  10. 10 Setting up Strapi, a headless CMS
  11. 11 Strapi Admin overview and creating our first collection type
  12. 12 Fetching all contacts from our Strapi endpoint
  13. 13 Fetching single contact
  14. 14 Adding the ability to add a new contact
  15. 15 Form validation with Zod and Remix
  16. 16 Adding the ability to update contact information
  17. 17 Programmatic navigation using useNavigate hook
  18. 18 Implementing the delete contact functionality
  19. 19 Showing a fallback page when no items are selected
  20. 20 Handling errors in Remix with error boundaries
  21. 21 Implementing mark contact as a favorite
  22. 22 Implementing search with Remix and Strapi filtering
  23. 23 Submitting our form programmatically on input change
  24. 24 Implementing loading state via useNavigation hook
  25. 25 Project review and some improvement
  26. 26 Styling active link in Remix
  27. 27 Using useFetcher hook for form submission
  28. 28 Throwing errors in Remix
  29. 29 Closing thought and where to find hel

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.