React приложение для начинающих на хуках и css модулях

69 Просмотры

Спасибо! Поделитесь с друзьями!

Вам не понравилось видео. Спасибо за то что поделились своим мнением!

Издатель Jan 29, 2021

В этом видео мы создадим простое приложение "Генератор паролей" используя популярную javascript библиотеку React.js. Вы научитесь создавать react компоненты используя JSX синтаксис, разберёмся, для чего нужны props, поработаем с хуком useState() и переменными состояний.
Для стилей будем использовать подход CSS Modules.

Скачать node.js - https://nodejs.org/ru/
Yarn - https://yarnpkg.com
Установить Create React App - https://create-react-app.dev/docs/getting-started/

Специальные символы используемые для генерации:
let chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDFGHIJKLMNOPQRSTUVWXYZ'
const symbols = '!@#$%^&()\_+?:{}[]'

00:00 - Введение
00:26 - Установка Create React App
01:01 - Запуск дефолтного React приложения
01:35 - Знакомство с файловой структурой и подготовка
04:05 - Создание структуры нашего приложения
05:06 - Создание первого компонента Button
05:57 - Коротко про JSX
09:25 - Создаём пропсы для Button
14:06 - Знакомство с CSS модулями
18:50 - Установка библиотеки clsx
22:25 - Создание компонента Checkbox
28:40 - Создание компонента Input
33:07 - Создание компонента Select
42:02 - Переходим к созданию Генератора Паролей
44:09 - Изучаем хук useState()
48:15 - Вёрстка Генератора Паролей
1:05:14 - Создаём логику работы приложения (основная часть)
1:20:40 - Анимация уведомления

Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам. Подробнее:
https://www.youtube.com/channel/UChb6d9b2c3U4-ZnUkT4h5BQ/join

Если вам понравилось это видео, не забывайте подписываться на канал, ставить пальцы вверх и писать свои комментарии!

Паблик ВК - https://vk.com/steptooweb
Паблик телеграм - https://t.me/step_to_web

Лучшей благодарностью будет ваша финансовая поддержка проекту:
Яндекс Деньги - 410019809390277
Bitcoin - 1GgYeUxciUhsnorN1rYWXBuBa6L9fjzXCK