React-портфолио. Создаём портфолио на React - шаг за шагом
👉 Как создать портфолио на React: Полное руководство (Часть 1) В этом видео я покажу, как создать своё первое портфолио на React с нуля. Вы узнаете, как настроить окружение, работать с компонентами и импортировать изображения. Это видео идеально подойдёт для новичков, которые хотят разобраться в базовых принципах React и создать современное портфолио. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Что вас ждёт в этом видео: 💻 Настройка окружения: Подготовим всё необходимое для работы с React, включая установку необходимых библиотек и инструментов. 📂 Создание и подключение компонентов: Узнаете, как создавать и подключать компоненты, чтобы сделать проект модульным и удобным для работы. 🖼️ Импорт изображений: Разберёмся, как правильно добавлять и использовать изображения в React. 🧹 Оптимизация проекта: Удаляем лишние файлы и папки, чтобы наш проект был чистым и удобным для дальнейшей разработки. 🔍 Изучаем основы React: Кратко познакомимся с внутренними механизмами React и его ключевыми концепциями. 👉 GitHub Repo https://github.com/Ilya-Stoyanov/reac...
(Вы папке src есть папка assets внутри этой папки есть папка start там находится вёрстка и стили, удачи) 🚀 Курс по Верстке https://frontend-courses.com/
💈 Подписывайтесь на Telegram https://t.me/ilya_stoyanov
⏱️ Таймкоды: 00:05 — Обзор проекта и цели создания портфолио на React 00:36 — Где найти GitHub репозиторий для React-портфолио 02:46 — Знакомство с Vite: Быстрый старт проекта на React 04:42 — Что такое package.json и как с ним работать 06:40 — Установка и подключение библиотеки React Icons 08:15 — Оптимизация проекта: Убираем всё лишнее из шаблона 10:24 — Как подключить шрифты в проекте на React 12:19 — Разбираем файл main.jsx: Как React рендерит приложение 12:56 — Полезные инструменты: Устанавливаем ES7+ React/Redux Snippets 13:57 — Создаём первый компонент в React: Пошаговый процесс 16:01 — Организация структуры проекта для React-портфолио 21:52 — Импорт компонентов и их подключение к приложению 25:11 — Как импортировать и работать с изображениями в React 26:56 — Вывод изображения в компоненте: Простой пример 👍 Спасибо, что досмотрели до конца! Если видео было полезным, ставьте лайк и подписывайтесь, чтобы не пропустить ещё больше полезных материалов по созданию и вёрстке сайтов! 💜
