В данном видео-курсе мы с вами создадим библиотеку компонентов для проектов на ReactJS. Целью данного курса лекций является не создать абсалютно универсальные компоненты, а научиться мыслить в компонентном стиле и постараться создавать гибкие и переиспользуемые модули. Мы с вами рассмотрим создание как простых компонентов таких как кнопки, бейджики, иконки и т.д. так и объединение их в более сложные компоненты: табы, чипы, модальные окна.
- Atom (Редактор кода)
- Create React App (рабочее окружение)
- React Developer Tools (расширение для браузера)
- Клонируйте репозиторий:
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: |