#12 | Build A React Food Recipe App | React Beginner Project | React Malayalam | Web Diary
Today we are going to build a React Food Recipe App using React. This is a beginner-level project for react learners. For this project, we use "The Meal DB" API. In this video, we will learn how to use an API call using async and fetch method & How to map food recipes from the API data and display them.
TABLE OF COMPONENTS
========================================
[-] REACT USEEFFECT
[-] REACT LIFE CYCLE METHOD INTRO
[-] WHAT IS COMPONENTDIDMOUNT()
[-] WHAT IS COMPONENTDIDUPDATE()
[-] WHEN COMPONENTDIDMOUNT() WORK
[-] WHEN COMPONENTDIDUPDATE() WORK
[-] WHAT IS THE DIFFERENCE BETWEEN THESE TWO METHODS
👉 React LIVE Playlist : • 🔥 React For Absolute Beginners
👉 Find CSS here : https://codepen.io/WebDiary/pen/dyvWMre
👉 API URL = https://www.themealdb.com/api.php
👉 Photo Courtesy : https://unsplash.com/
#livecoding #react #reactmalayalam
SANDBOX : https://codesandbox.io/s/react-new
🏘️ Join Telegram : https://t.me/webdiaryfamily OR
🔍 Search web diary , webdiaryfamily on Telegram
Previous video links
👉 16 HTML Tags in 7 Mins : • Part 1 - HTML Malayalam Tutorial For ...
👉 CSS Grid Basics in 12 Mins: • CSS Grid In 12 Mins | Malayalam | Web...
👉 CSS Grid Example: • Making Modern Layouts With CSS Grid |...
Build a Responsive CSS Grid Website Layout From Scratch
👉 Part 1 : • Part 1 | Build a Responsive CSS Grid ...
👉 Part 2 : • Part 2 | Build a Responsive CSS Grid ...
👉 Part 3: • Part 3 | Build a Responsive CSS Grid ...
Softwares used
👌🏼 Code editor : https://code.visualstudio.com/download
👌🏼 Adobe XD : https://www.adobe.com/mena_en/product...
Social Media
❤️ Facebook page : / web-diary-108094647552605
❤️ Instagram : / webdiary96
Queries Solved:
react js
react js malayalam tutorial
react tutorial in malayalam
react introduction malayalam tutorial
react tutorial in malayalam
web diary react tutorial
web diary malayalam tutorial
malayalam tutorial
javascript tutorial in malayalam
codepen malayalam tutorial
