?ReactJS Meals App||React Hooks||React Router||ContextAPI||TheMealDB API|| SASS||ReactJS Tutorial
#reactjs #recipeapp #javascript
In this tutorial we are going to create Meals application using ReactJS , React hooks , React Router , Axios , Sass , ContextAPI . We are going to use TheMealDB api to fetch the data and display it nicely on the DOM by creating 3 pages using React Router. You will learn how to use createContext , useContext hooks inside react and more .
?Make sure you subscribe to the channel for more awesome videos like this !
? Do you want the source code + access to the community Discord channel + mentorship from me ? Then make sure you become a Patreon and motivate me to produce more amazing content like this one - https://www.patreon.com/KadirMedia
⌛️Table of Contents :
00:00 - Intro
01:28 - Installing dependencies
04:17 - Cleaning project files and starting local development server
06:18 - Creating project folder structure & component files
10:30 - Creating Navbar component structure
14:20 - Creating Footer component structure
16:15 - Creating the Context
20:55 - Configuration of Router
25:27 - Creating Categories component structure
25:55 - Creating RandomMeal component structure
29:00 - Working on Navbar component & Styling
43:54 - Working on Footer component & Styling
47:17 - Working on Homepage component & Styling
01:35:55 - Working on Categories component & Styling
01:52:30 - Working on RadomMeal component & Styling
FOLLOW ME ON SOCIAL MEDIA ?
Facebook :
https://www.facebook.com/pages/category/Education/Kadir-Media-108909950978960/
Instagram : https://www.instagram.com/kadirmedia_tech/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «?ReactJS Meals App||React Hooks||React Router||ContextAPI||TheMealDB API|| SASS||ReactJS Tutorial», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.