kejno/react-components

React Components

Описание курса:

В данном видео-курсе мы с вами создадим библиотеку компонентов для проектов на ReactJS. Целью данного курса лекций является не создать абсалютно универсальные компоненты, а научиться мыслить в компонентном стиле и постараться создавать гибкие и переиспользуемые модули. Мы с вами рассмотрим создание как простых компонентов таких как кнопки, бейджики, иконки и т.д. так и объединение их в более сложные компоненты: табы, чипы, модальные окна.

Используемые ресурсы и инструменты:

• Atom (Редактор кода)
• Create React App (рабочее окружение)
• React Developer Tools (расширение для браузера)

Полезные ссылки:

• React (документация)

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

• Клонируйте репозиторий: git clone https://github.com/YauhenKavalchuk/react-components.git
• Установите зависимости: yarn install или npm install
• Перейдите в нужную ветку соответствующую уроку: git checkout 02_button или git checkout 04_icon и т.д.
• Запустите проект: yarn start или npm start

Дополнительные комманды:

• Запустить линт проекта: yarn lint или npm run lint

Список уроков:

• React components #0 Введение в курс (Introduction)
• React components #1 Установка окружения (Setup Environment​)
• React components #2 Кнопка (Button​)
• React components #3 Группа кнопок (Button group​)
• React components #4 Иконка (Icon​)
• React components #5 Картинка (Image)
• React components #6 Фишка (Chip)
• React components #7 Бейдж (Badge)
• React components #8 Группированный список (List group)
• React components #9 Поле ввода (Input​)
• React components #10 Табы (Tabs​)
• React components #11 Подсказка (Tooltip)
• React components #12 Модальное окно (Modal window)

Автор курса в социальных сетях:

Social network	Link to Profile
LinkedIn:
YouTube:
VK:
Twitter: