React компоненты #9 Поле ввода (Input​)

#YauhenK #webDev #React

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

✒ Репозиторий курса:

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

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

✒ Полезные курсы на канале:

✒ Полный список готовых и планируемых курсов:

✒ Автор курса:

[hwmotyn]

Спасибо большое, очень познавательный курс!

[marinat]

ставим лайки! ) Про htmlFor не знала, спасибо за отличный контент)

[maximshevchenko]

Очень нравиться данный курс, ибо теорию знаю, понимаю что и как делать, но когда берусь сам делать кастомный компонент трачу очень много сил и времени, плюс то подзабыл это понадобилось. Ищешь где посмотреть И тут вы, буду подсматривать и отталкиваться от Вашей реализации. Очень большое спасибо.

[kodmigor]

Добрый день!
На 1:13 в строке 14 используется атрибут `name`. А он никак не будет конфликтовать с атрибутом `name` из объекта `attrs`?
Ведь выходит, что я могу задать этот атрибут компоненту `Input` отдельно?

[after-lifepyre]

планируются тултипы? вроде как там ref аттрибут используется, чтобы узнавать местоположение триггера

[sntzwnl]

А можно организовать какое-то внеплановое видео, в котором вы расскажите про Ангуляр и Вью и Реакт, что бы +- понимать что учить первым)
Меня почему-то тянет на Вью, хотя я даже не видел как выглядит код на вью и чем он отличается от всего остального..
Есть какие-то базовые js знания: манипуляции с dom, контекст вызова, синтаксис es6, понимание mvc - модели, ооп, могу написать простенький свайп-слайдер/fade-слайдер, вчера сделал пародию на fullPage.js, причем я сначала сделал, а потом узнал про эту библиотеку)
И вот хотелось бы податься в spa, хотя бы просто для себя, но что выбрать?)

[VladK]

Спасибо за урок, но не нашел у вас ссылку на код по данному видео. Если есть возможность добавьте плиз.

[Gishtall]

Доброго дня, не могли бы вы записать видео по single page application на react. к сожалению не нашел толковых видео по этому вопросу

[TsAex]

А что делать с этим компонентом, если у label свой класс или между label и input есть поясняющий текст? Я бы предложил всё же label делать отдельным компонентом, а не помещать его в input

[pkhorikov]

Как корректно разруливать ситуации «нам нужен Input в пяти разных местах, но в каждом немного по-разному» без сваливания в props hell? Ну и аналогичный вопрос про валидацию.