Складчина Каталог
Мои курсы

Вёрстка React-компонентов

48 участников
Школа HTML Academy

О чём курс

Вам нужно перенести дизайн-макет в React-среду, но привычная связка HTML и CSS требует адаптации под компонентный подход. Здесь разбирают, как превратить статические интерфейсы в интерактивные элементы экосистемы React с нуля.

Внутри курса фокус смещен на практические инструменты фронтенд-разработки: создание компонентов на JSX, настройку навигации (роутинга) и стилизацию через CSS-in-JS. Особое внимание уделено библиотеке Styled-components и сборке компонентов в Storybook для их изоляции и тестирования.

После обучения вы сможете самостоятельно верстать интерактивные компоненты, которые легко интегрируются в любой React-проект, и свободно общаться с разработчиками на одном языке.

Программа обучения

  • Создание React-компонентов на JSX
  • Создание интерактивных компонентов
  • Настройка роутинга для перехода между страницами
  • Стилизация компонентов на CSS-in-JS с использованием Styled-components
  • Сборка Storybook
Складчина создана 16 февраля 2022 г. · описание обновлено 23 марта 2026 г.

Другие материалы школы 12

HA HTML Academy Все материалы
Vue.js 3. Разработка клиентских приложений Vue.js 3. Разработка клиентских приложений 2 802 ₽ 13 930 ₽ −80%Паттерны проектирования Паттерны проектирования 446 ₽ 6 930 ₽ −94%Навык «Использование векторной графики в вёрстке» Навык «Использование векторной графики в вёрстке» 74 ₽ 590 ₽ −87%CSS-in-JS CSS-in-JS 262 ₽ 4 830 ₽ −95%Профессиональный Node.js. Уровень 1 Профессиональный Node.js. Уровень 1 604 ₽ 19 000 ₽ −97%Навык «Построение компонентных систем в JavaScript» Навык «Построение компонентных систем в JavaScript» 93 ₽ 1 190 ₽ −92%Профессия «Фронтенд-разработчик» 2021 Профессия «Фронтенд-разработчик» 2021 6 019 ₽ 15 000 ₽ −60%React. Разработка сложных клиентских приложений React. Разработка сложных клиентских приложений 1 504 ₽ 12 000 ₽ −87%Вёрстка карточных элементов интерфейса Вёрстка карточных элементов интерфейса 80 ₽ 2 090 ₽ −96%Профессиональный онлайн‑курс PHP, уровень 2 Профессиональный онлайн‑курс PHP, уровень 2 1 787 ₽ 17 900 ₽ −90%Навык «Использование адаптивной графики в вёрстке» Навык «Использование адаптивной графики в вёрстке» 89 ₽ 590 ₽ −85%Адаптивные и резиновые сетки на гридах Адаптивные и резиновые сетки на гридах 125 ₽ 2 090 ₽ −94%

Ещё интересные курсы 12

Ещё интересные курсы

Тайный культ JavaScript: от послушника до просвещенного Предзаказ
716 ₽ 750 ₽ −5%

Тайный культ JavaScript: от послушника до просвещенного

Руслан Брантов
Создай свой собственный React.js Можно купить
198 ₽ 720 ₽ −73%
Оплатили 15

Создай свой собственный React.js

Филип
C
Можно купить
162 ₽ 750 ₽ −78%
Оплатили 18

Chrome Developer Tools

Sofia Kostiunina
GraphQL и React: Полное руководство разработчика Серия · 2 выпуска
208 ₽ 600 ₽ −65%
Оплатили 12

GraphQL и React: Полное руководство разработчика

Udemy
H
Предзаказ
8 349 ₽ 20 990 ₽ −60%

HTML и CSS. Уровень 2. Создание сайтов на HTML 5 и СSS 3 (2019)

Специалист
Frontend-разработчик Часть1/12 Предзаказ
1 010 ₽ 12 500 ₽ −92%
Оплатили 12

Frontend-разработчик Часть1/12

GeekBrains
В
Можно купить
238 ₽ 2 682 ₽ −91%
Оплатили 25

Верстаем 8 сайтов по макету из Figma в портфолио

Исмаил Усеинов
И
Можно купить
170 ₽ 750 ₽ −77%

Интенсивное погружение в React на реальном проекте

Иван Петриченко
Современная вёрстка сайтов Можно купить
1 100 ₽ 8 990 ₽ −88%
Оплатили 11

Современная вёрстка сайтов

Анна Блок
Complete Wordpress Theme Development Course Можно купить
480 ₽ 1 300 ₽ −63%
Оплатили 9

Complete Wordpress Theme Development Course

Udemy
316 ₽ 6 489 ₽