🔹 React 19 Mastery: Search, Filter, Routing & API Handling | Full Swiggy Clone

Опубликовано: 26 Март 2025
на канале: CodeWheelr

🚀 Master React 19 with Real-World Projects!
🔥 Build a Smart Food Delivery App with Live API, Payment Integration & Deployment

📌 What You'll Learn in This Video?
This tutorial covers React 19's latest features, including searching, filtering, and advanced routing techniques. We also fix common errors and explore server-side vs. client-side rendering, all while working with real-time Swiggy API data.

✅ Topics Covered:
✔ Fixing Shimmer UI Issues
✔ Live Search & Filtering on Swiggy API Data
✔ Routing & Error Handling (New Techniques)
✔ Pagination & Outlet Component (Practical + Theory)
✔ Fixing Deprecated Imports { HydratedRouter, RouterProvider }
✔ Dynamic Error Handling in React
✔ New Form Routing Technique in React
✔ Full Routing Flow & Navigation
✔ ETOSA Food App – A Smart Food Delivery Project

✨ Try the Live Project Here 👉 https://etosa.vercel.app/

📌 🚀 Complete React Course Playlist:
📺 Master React from Scratch to Advanced 👉 YouTube Playlist

🎯 Want to Become a React Expert?
Build 3 real-world projects and level up your skills!

📌 Why This Project?
✔ Learn React 19, Redux, Tailwind CSS & API Integration
✔ Master Payment Gateway Integration (Razorpay, Stripe)
✔ Deploy Projects for Free (Netlify/Vercel)
✔ Bonus: Git, GitHub, Docker Best Practices
✔ Bonus: Prompt Engineering & AI-based Development

📚 More Learning Resources:
🌍 Join Our Dev Community: [Your Website/Community Link]
📩 Contact: [email protected]

👨‍💻 Instructor: Prem Radheshyam Mahajan
🔥 Let’s code your future together! 🚀

00:00 - What's new in this video?
00:48 - Introduction sound
00:54 - Fixing the shimmer UI
04:30 - How to search restaurants in real-time Swiggy API data?
08:52 - Fixing errors in searching
10:00 - Filtering restaurants by rating, speed, and live Swiggy data
15:31 - Routing & Error handling in one shot
18:34 - Server-side vs. Client-side Routing & Rendering Explained
22:55 - Route creation step-by-step
28:45 - Implementing Pagination in React
33:00 - Outlet Component (Practical + Theory)
34:40 - Final Touch to Routing (Theory + Code)
38:00 - Fixing React Router deprecated imports `{ HydratedRouter, RouterProvider }`
47:17 - Cuisines, Error Handling, & Advanced Routing Techniques
47:35 - Implementing "Show More / Show Less" for restaurant menus
57:50 - Handling Runtime/Dynamic Errors in React
01:00:50 - Implementing Form Routing (New Routing Technique)
01:05:30 - Navigating to Restaurant Menus
01:14:46 - Main Project Overview (What’s pending?)
01:17:00 - Outro & Subscribe for more!