In this video I will be teaching you all the basics of using React Router V7 as a framework. To do this, we are building a simple crud app that will teach you everything from Routing, Data Loading, Form Actions, and So On...
🩵 Want to learn ReactJS?
Check out my ultimate React Course: https://courses.pedrotech.co/
🌟 Support My Work: https://buymeacoffee.com/pedrow
📰 Join My Newsletter: https://www.pedrotech.co/newsletter
📖 Video Resources:
Code Repo: https://github.com/machadop1407/React...
🚀 Courses & Tutorials:
Learn ReactJS By Building 6 Projects: https://codedamn.com/learn/reactjs-pr...
GraphQL Course for Beginners: https://codedamn.com/learn/graphql-fo...
💻 Check out my Blog: https://www.pedrotech.co
🐤 Follow me on Twitter: ( / pedrotech_ )
📸 Follow me on Instagram: ( / pedro.fmachado_ )
🧳 Follow me on Linkedin: ( / pedrotech )
👨💻 GitHub: https://github.com/machadop1407
📋 Business Email: pedro@pedrotech.co
Timestamps:
00:00 Intro to Full Stack CRUD
02:07 Integrating Supabase for Data
03:06 Creating a Supabase Project
04:07 Installing Supabase Client
05:22 Understanding React Router Structure
06:14 Defining Routes for CRUD Operations
09:06 Creating the Items Page
10:35 Adding New Item Route
12:07 Building the Navbar Component
13:39 Styling the Application
15:06 Submitting Form Data with Actions
17:04 Handling Form Submissions
22:00 Adding Metadata for SEO
27:03 Displaying Items from Database
31:09 Creating Item Details Page
38:11 Implementing Edit and Delete Features
50:36 Final Touches and CSS
55:34 Conclusion and Next Steps