Разработка и деплой сайта с нуля и анимацией ➤ ReactJS, RTK, Framer Motion, Contentful, Graphql
Сегодня будем создавать сайт с большим количеством разной анимации, например, одной из самых популярных - parallax-эффект. Научимся работать с компонентами, используя библиотеку ReactJS, познакомимся с Framer motion, организуем хранилище с Redux Toolkit (RTK), добавим контент через платформу Contentful и с помощью Graphql получим реальные данные на нашем сайте. Не обойдемся без react router dom, swiper, scroll on animate и проч. и проч.
00:00 - Интро, знакомство с проектом
02:05 - Установка библиотек, создание структуры сайта
17:47 - Обзор работы с Contentful
22:43 - Создание Header стили для него
48:45 - Добавление основного баннера на главную страницу
57:27 - Пишем логику и стили для блока с турами
01:32:31 - Добавление баннера с видео
01:36:08 - Прописываем код для компоненты с треками (музыкой)
02:02:44 - Создание баннера магазина с анимацией
02:14:57 - Работа со слайдером (Swiper) новостей
02:31:16 - Добавление футера
02:42:51 - Анимация прелоадера
02:45:24 -
1 view
190
57
1 week ago 00:08:04 1
Фёдоров: USAID мешает Трампу в создании империи
2 weeks ago 00:01:00 1
Создание уюта на кухне 1 часть!✨🍽️🕯️ #diy #ремонт #кухня #уют #юмор #новости
2 weeks ago 00:24:04 1
Баланс 4х Стихий по гармониз. и целеоринтир-ти в создании лайя-центров на месте древних центров силы
3 weeks ago 00:37:42 1
Цены на нефть могут обвалить. Создание большого Израиля.
3 weeks ago 00:12:55 3
Начало 3-й матрицы #уроки_хронологии #создание_матрицы #белый_свет
1 month ago 00:10:13 66
КУРЬЕР НА ЭЛЕКТРОВЕЛОСИПЕДЕ В ЯНДЕКС ДОСТАВКЕ 2025 | Сколько заработал за 1 день в январе на kugoo ?
1 month ago 00:25:24 11
Партерная гимнастика. Подготовка к экзерсису у станка. “Счастливое детство“ Харьков-2017.
1 month ago 00:04:43 2
Предупрежден- значит вооружен. Они готовят массовые эвакуации и захоронения с зимы 2025 г.
1 month ago 00:54:46 1
ПОДГОТОВКА К ОТКРЫТИЮ | METROCRAFT 2036
1 month ago 00:16:06 1
Прицел ломает игровое погружение | Геймдизайн стрельбы в BreakBack | Разработка на Unreal Engine 5
1 month ago 01:11:18 1
Искусственный интеллект: Ключ к трансформации человечества. #ии #ai
1 month ago 01:46:45 1
РЕЗОНАНСНЫЙ РАЗГОВОР С БЫВШИМ МИНИСТРОМ РФ | Василий Якеменко