В данном видео-курсе мы с вами создадим библиотеку компонентов для проектов на ReactJS. Целью данного курса лекций является не создать абсалютно универсальные компоненты, а научиться мыслить в компонентном стиле и постараться создавать гибкие и переиспользуемые модули. Мы с вами рассмотрим создание как простых компонентов таких как кнопки, бейджики, иконки и т.д. так и объединение их в более сложные компоненты: табы, чипы, модальные окна.
- Atom (Редактор кода)
- Create React App (рабочее окружение)
- React Developer Tools (расширение для браузера)
- Клонируйте репозиторий:
git clone https://github.com/YauhenKavalchuk/react-components.git - Перейдите в нужную ветку соответствующую уроку:
git checkout 02_buttongit checkout 04_iconи т.д.
- Установите зависимости:
yarn installилиnpm install - Запустите проект:
yarn startилиnpm start
- Запустить линт проекта:
yarn lintилиnpm run lint
- #0 Введение в курс (Introduction)
- #1 Установка окружения (Environment)
- #2 Кнопка (Button)
- #3 Группа кнопок (Button group)
- #4 Иконка (Icon)
- #5 Картинка (Image)
- #6 Фишка (Chip)
- #7 Бейдж (Badge)
- #8 Группированный список (List group)
- #9 Поле ввода (Input)
- #10 Табы (Tabs)
- #11 Подсказка (Tooltip)
- #12 Модальное окно (Modal window)
