React Router V7 FullStack CRUD Tutorial - Learn Routing, Loaders, Actions

React Router V7 FullStack CRUD Tutorial - Learn Routing, Loaders, Actions

PedroTech via YouTube Direct link

15:06 Submitting Form Data with Actions

11 of 18

11 of 18

15:06 Submitting Form Data with Actions

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

React Router V7 FullStack CRUD Tutorial - Learn Routing, Loaders, Actions

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

  1. 1 00:00 Intro to Full Stack CRUD
  2. 2 02:07 Integrating Supabase for Data
  3. 3 03:06 Creating a Supabase Project
  4. 4 04:07 Installing Supabase Client
  5. 5 05:22 Understanding React Router Structure
  6. 6 06:14 Defining Routes for CRUD Operations
  7. 7 09:06 Creating the Items Page
  8. 8 10:35 Adding New Item Route
  9. 9 12:07 Building the Navbar Component
  10. 10 13:39 Styling the Application
  11. 11 15:06 Submitting Form Data with Actions
  12. 12 17:04 Handling Form Submissions
  13. 13 22:00 Adding Metadata for SEO
  14. 14 27:03 Displaying Items from Database
  15. 15 31:09 Creating Item Details Page
  16. 16 38:11 Implementing Edit and Delete Features
  17. 17 50:36 Final Touches and CSS
  18. 18 55:34 Conclusion 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.