filmov
tv
Build a Food Recipe App with React | API integration(axios), Debouncing, Material UI | Recipe Finder
Показать описание
Hey Devs, In this video We will be working on React Recipe App for making it dynamic with API. React Food Recipe App is an amazing app to build as a beginner, as it covers a lot of things from development point of view. Recipe app finds the recipes on the basis of searched ingredient. We will have App designing, state management, debouncing concept, API integration and making our application live on Github Pages.
If you are a beginner with react I highly encourage you to follow along because you are going to learn how to put all the small pieces together to understand things like how to fetch data from an api, how to update state and more.
📕 Things covered in this video:
✅ State management
✅ API integration (axios)
✅ Debouncing Concept
✅ Dialog using Material UI
✅ Improving User Experience
✅ App Deployment over Github
Github Repository for the react-recipe-finder -
Timeline
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
01:50 Search Input Change
02:40 Debouncing Concept
07:40 API Integration
14:31 State Management
17:30 Recipe Component
22:00 Material UI (Dialog)
34:30 Adding Placeholder
40:00 Deploying app to Github Pages
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Equipments I Use:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#reactjs #javascript #webdevelopment
If you are a beginner with react I highly encourage you to follow along because you are going to learn how to put all the small pieces together to understand things like how to fetch data from an api, how to update state and more.
📕 Things covered in this video:
✅ State management
✅ API integration (axios)
✅ Debouncing Concept
✅ Dialog using Material UI
✅ Improving User Experience
✅ App Deployment over Github
Github Repository for the react-recipe-finder -
Timeline
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 Introduction
01:50 Search Input Change
02:40 Debouncing Concept
07:40 API Integration
14:31 State Management
17:30 Recipe Component
22:00 Material UI (Dialog)
34:30 Adding Placeholder
40:00 Deploying app to Github Pages
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Equipments I Use:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#reactjs #javascript #webdevelopment
0:13:03
Oflutter: Create a Recipe List App using Flutter and API
0:39:08
Recipe App UI React Native | React Native UI | React Native Speed code |
0:25:52
Create A Food Recipe App Using Vanilla JavaScript For Beginners Bangla
0:04:27
How to Create a Recipe Template in Word & Excel : Computer Tips
0:02:40
Cooking With An App? | VAT19 Your New Baking Buddy: The Perfect Bake Scale | VAT19
0:29:20
SwiftUI 2.0 Recipe App UI
0:00:21
Yummy homemade rocky road 🤤🎄 Christmas recipe tutorial
0:00:34
Cook4me App's New Recipe Creation Feature: Create & Upload your own Favourite Recipes!
0:00:33
Mr. Cook: AI Recipe Generator ✨
0:00:26
Nutella Soufflé Recipe #shorts
0:00:20
Tasty homemade Oreo baked oats 🤤🎄 Christmas recipe tutorial
0:05:09
SIMPLE CHICKEN BIRYANI FOR BEGINNERS | CHICKEN BIRYANI RECIPE FOR BACHELORS
0:01:30
These robotic arms put a five-star chef in your kitchen
0:00:58
Recreation of Pommes Paolo recipe
0:00:24
NEW FAV SUMMER RECIPE - summer rolls, you better try it
0:00:21
AVO CHICKPEA BURRITO aka the easiest lunch recipe ever
0:00:49
CRAZY Pan Pizza Comparison!!
0:01:00
Chicken Wrap,Quick And Easy Recipe #Shorts #recipesoftheworld
0:47:19
Food Recipe App Kotlin | Home Screen Recipes | Android Studio | Part 6
0:00:59
What I Ate for Dinner + Creamy Dressing Recipe! 😋🌱 Vegan & FullyRaw Rainbow Garden Salad......
0:00:25
Baking with Temu’s Tools🤔🍪 Do They Really Work?
0:20:19
50 Cooking Tips With Gordon Ramsay | Part One
0:04:49
Simplest Samosa Recipe | How to make Samosas for beginners! Step by Step Guide.
0:02:23
Chicken Nuggets Recipe learn how to make at home - By Food Fusion
Комментарии