#17 | React UseContext Hook & Named Exports| Food Recipe App | React Malayalam

Описание

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 CONTENTS
[-] Intro about global state
[-] Why we need a global state
[-] How to create a global state using useContext hook
[-] Difference between default export & named export

? React LIVE Playlist : https://youtube.com/playlist?list=PLCOzHVsG8mkrePHYn73VBEK4dqwa4W7LU

? 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 : https://youtu.be/RuL01LbeA4A
? CSS Grid Basics in 12 Mins: https://youtu.be/0S-QVuZr1nc
? CSS Grid Example: https://youtu.be/1NFIjK4sxZE

Build a Responsive CSS Grid Website Layout From Scratch
? Part 1 : https://youtu.be/RQ6n7vvI9Z4
? Part 2 : https://youtu.be/DDhXjJu02IY
? Part 3: https://youtu.be/McNrcl9-kO4

Softwares used
?? Code editor : https://code.visualstudio.com/download
?? Adobe XD : https://www.adobe.com/mena_en/products/xd.html

Social Media
❤️ Facebook page : https://www.facebook.com/Web-Diary-108094647552605
❤️ Instagram : https://www.instagram.com/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