Frontend Education

Лабораторные работы по изучению React и современной Frontend разработки

Практика · Обучение · Развитие навыков

---

Содержание

• О проекте
• Быстрый старт
• Структура лабораторной работы

---

О проекте

Коллекция лабораторных работ для освоения современных технологий Frontend разработки

Этот репозиторий содержит лабораторные работы различной сложности для изучения библиотеки React и экосистемы Frontend. Каждая лабораторная работа включает практические задания, которые помогают освоить ключевые концепции и паттерны разработки.

Что вы освоите

✓ Функциональные компоненты React
✓ Работа с Props и TypeScript
✓ Композиция компонентов
✓ Списки и Fragments
✓ Стилизация компонентов
✓ Современный инструментарий (Vite, ESLint)

---

Быстрый старт

# Клонирование репозитория
git clone https://github.com/LINESKL/Adavanced_Frontend.git
cd Adavanced_Frontend

# Переход в нужную лабораторную работу
cd Lab_0/lab-01

# Установка зависимостей
pnpm install

# Запуск dev-сервера
pnpm dev

Приложение будет доступно по адресу http://localhost:5173

---

Структура лабораторной работы

Каждая лабораторная работа организована по стандартной структуре React-проекта с использованием Vite:

lab-название/
├── src/
│   ├── components/      # React компоненты
│   │   └── Component.tsx
│   ├── App.tsx          # Главный компонент приложения
│   ├── App.css          # Стили приложения
│   └── main.tsx         # Точка входа
├── public/              # Статические файлы
├── index.html           # HTML шаблон
├── package.json         # Зависимости и скрипты
├── vite.config.ts       # Конфигурация Vite
├── tsconfig.json        # Конфигурация TypeScript
└── eslint.config.js     # Конфигурация ESLint

Типовая лабораторная работа включает:

• Несколько тематических компонентов для практики
• Готовую конфигурацию сборки и dev-окружения
• Базовую стилизацию для визуализации результата
• README с описанием задач (при наличии)

---

⬆ Вернуться наверх

Создано с ❤️ для обучения · LINESKL © 2026