Today, we are going to create a React.js app. In the application, we can search meals and save meals for later. We will use "React query" to fetch, cache & prefetch the data.
♥ Support the Content Creator:
☕ Buy Me A Coffee: https://www.buymeacoffee.com/shaifarf...
🔔subscribe and turn on the notification bell.
👉 source code: https://github.com/ShaifArfan/meal-khuj
👉 Live Preview: https://meal-khuj.netlify.app/
👉 TheMealDB API: https://www.themealdb.com/
👉 Eslint Setup Video: • ESLint setup with prettier for any JS Proj...
❎ fix: • meal-khuj fix
Timestamps -
00:00:00 - Intro
00:03:17 - Project Setup
00:17:49 - Layout
00:32:30 - Home Page
00:49:33 - Meals List Page
01:53:50 - Single Meal Page
02:43:08 - Saved Meal List
02:57:48 - Prefetching Data
03:02:43 - Outro
Follow Shaif Arfan 👇👇
Instagram: / shaifarfan08
Facebook: / fb.shaifarfan08
Twitter: / shaifarfan08
▶ Also Watch :
HTML CSS Portfolio Project: • HTML CSS Portfolio Project | Responsive We...
One Page HTML & CSS Project: • One Page Full Website Project For Practice...
HTML & CSS Landing Page : • HTML & CSS Website Landing Page | Frontend...
Mini Project for HTML & CSS : • Responsive Website With HTML & CSS | Mini ...
How To Make A WordPress website: • How To Make A Professional Website - Absol...
🌐 Join The Community :
Our website : https://webcifar.com/
Facebook Page : / webcifar
Facebook group : http://bit.ly/fb-group-webcifar
Instagram : / web_cifar
twitter : / webcifar
Github: https://github.com/WebCifar & https://github.com/shaifarfan
#reactjs #nextjs #reactQuery
Auf dieser Seite können Sie das Online-Video React.js Recipe App Project | Next.js | React Query mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer WEB CIFAR 05 September 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 11,484 Mal angesehen und es wurde von 325 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!