Перенос верстки на React. От идеи к реализации
Привет, друзья!
В этом уроке мы разберем, как создавать проект на React с нуля и разворачивать его с помощью сборщика Vite.
Мы научимся создавать компоненты, связывать их между собой, настраивать логику и попрактикуемся с использованием useState и useEffect.
Также вы узнаем, как правильно переносить и импортировать изображения, реализуем адаптивное меню и переключение табов.
В конце урока я покажу вам, как выгрузить ваш проект в интернет, используя сервисы Netlify и GitHub.
Готовы к прыжку в мир React? Тогда давайте начнем!
Материалы к уроку:
👉 GitHub Start - https://github.com/Ilya-Stoyanov/reac...
👉 Start building - https://app.netlify.com/
👉 Курс по верстке https://frontend-courses.com/
👉 telegramm https://t.me/ilay_stoyanov
👉 Я верю - ты сможешь, у тебя получиться 🏆
⏱️ Timestamps:
00:06– Introduction
01:06 – Vite
02:11 – установка Vite
02:50– npm i && npm run dev
04:40– component Header
06:53– import images
09:10– tag main
09:22– component Hero
11:25– component Delivery
13:50 – component Details
14:45– component Product
20:14– поиск ошибки
20:55– component Card
27:25– Mobile menu
31:40– component Application
32:43– component Question
33:40– component Footer
38:32– arrow Up
44:29– Scroll to Section
49:48– library Motion
53:14– Add project to GitHub
55:55– Testing project
56:16– connection Netlify and GitHub
57:54– Change site name
58:19– Look project
58:32– Fixed Error
59:41– css background
01:01:05– Save and Push
01:02:01– Finish
Watch video Перенос верстки на React. От идеи к реализации online without registration, duration hours minute second in high quality. This video was added by user Илья Стоянов - Верстка Сайта 10 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 478 once and liked it 22 people.