React JS #12 Ссылки (Refs)

#YauhenK #webDev #React #Redux #ReactRouter

Всех приветствую в курсе «React JS».
В данном видео-курсе мы с вами рассмотрим базовые понятия библиотеки React JS. Научимся создавать свои компоненты приложения. Разберёмся, как подключается и как работает React Router и с его помощью напишем простое одностраничное приложение. А так же рассмотрим такой подход контроля данных в приложении, как Redux.
Дополнительные темы, которые мы рассмотрим:
- Валидация пропсов с помощью библиотеки PropTypes
- Работа с реальным API
- Создание роутинга одностраничного приложения с помощью React Router
- Работа с менеджером состояний Redux

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

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

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

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

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

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

[iuriivatazhyshyn]

Даже понять не могу Кто же ети люди, что за такой качевственний контент ставят дизлайки. Спасибо за видео!

[ШураБосс]

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

[DubinArtur]

Переделать звучит грубо, обидно, а вот проабдейтить или зарефакторить самое то)

[pendalfgrey]

Как насчет такого?
state = {
name: "",
phone: "",
};

handleChange = (values, event) => {
this.setState({ [values]: event.current.value });
};

onChange={this.handleChange.bind(this, "name")}
onChange={this.handleChange.bind(this, "phone")}

[Ramosok]

Сколько у тебя полезных роликов. Спасибо!

[marabej]

Хороший урок. Только одна заметка. refs довольно използваемая щука. Я занимался с react native и там за мой проект употреблял часто refs. дело в том что иногда render довольно медленной. Часто приходилось използуват прямой доступ до елемент с метод типа SetNattiveProps. Я вам честно скажу, что иногда не хватает концепция "сделай возможно болше компонентов чтоб ускорить рендеринг и обновляй только то что нужно". Часто с цель performance приходилось прямий доступ чрез refs. Кроме того можно реализирует механизм за доступ от родителских компонент к елементов внутрии дочерного компонента (за React Native, за React я не знаю).

[yusufrahimov]

Спасибо за то, что вы потратили время и усилия на создание этого видеоурока. 💪 Это действительно помогло мне улучшить мои знания по теме. 📈

[slavik.nychkalo]

Спасибо за видео! НО есть вопросы к такому хендлингу форм, зачем использовать controlled и uncontrolled (в совокупности) подход к работе с формами?

[МаксимНырков-уг]

во, и МЖЦ тут описал. Вот бы так в прошлом видео

[jenyaspace]

не знаете как получить детей на рефу? например current.childNodes ничего не видит

[TORREScs]

у меня ругается редактор на то что inputRef textreaRef и selectRef not defind. почему у вас не ругается, а у меня ругается? и не могу применить такой вариант inputRef = React.createRef()

[Вебануться-фт]

Подскажите пожалуйста, а если я динамически через цикл создаю элементы DOM. Как динамически мне также создать все refs (createRef())?

[АлександрА-фъл]

Хм, да, мы избавились от тех прохожих методов, но при этом у нас теперь будут перерисовываться все 3 компонента при изменении одного из них. На данном примере это не ощутимое различие, а вот в более крупном проекте думаю может ударить по производительности