Size: a a a

React — русскоговорящее сообщество

2020 November 06

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Алексей Коршунов
А что такое реактивность dom?
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Я отрендерил в одном компоненте 1000 срок и строку поиска, если я один символ поменяю, то у меня все 1000 строк опять нарисуются?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Александр
подскажите, пожалуйста, зачем в статье в примере вот такая проверка checked? Есть ли в этом смысл?
ведь и так визуально перекллючатель нормально переключается
Это называется контролируемый компонент.
источник

А

Александр in React — русскоговорящее сообщество
Dmitriy Shuleshov
Это называется контролируемый компонент.
а практическая польза от этого есть? я когда-то читал о контролируемых и неконтролируемых, но забыл суть((
источник

PW

Pan Włodzimierz in React — русскоговорящее сообщество
Алексей Коршунов
Я отрендерил в одном компоненте 1000 срок и строку поиска, если я один символ поменяю, то у меня все 1000 строк опять нарисуются?
useState рендерит текущий компонент
можешь создать компонент с инпутом или что там надо и там уже стейт здавать
источник

PW

Pan Włodzimierz in React — русскоговорящее сообщество
я так думаю, но я хз
я даже еще не джун гы
щас им буду
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Алексей Коршунов
Я отрендерил в одном компоненте 1000 срок и строку поиска, если я один символ поменяю, то у меня все 1000 строк опять нарисуются?
Если стейт в этом компоненте, то в общем случае - да.
Для борьбы с лишними ререндерами - мемоизация.
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Dmitriy Shuleshov
Если стейт в этом компоненте, то в общем случае - да.
Для борьбы с лишними ререндерами - мемоизация.
Спс
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
karrtopelka 🥔
Я поблагодарил за ответ... Следующим шагом я пошёл читать о ней в интернете.. она реляционная, что большой + в моей ситуации
в будущем воздержитесь от таких вопросов здесь пожалуйста
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Александр
а практическая польза от этого есть? я когда-то читал о контролируемых и неконтролируемых, но забыл суть((
Да есть. Мы храним состояние инпутов сразу в рантайме, и можем как то реагировать на это.

В случае не контролируемых компонентов мы можем запросить их состояние только по какому то тригеру - например сабмит формы.
источник

k🥔

karrtopelka 🥔 in React — русскоговорящее сообщество
Александр Бакиматов
в будущем воздержитесь от таких вопросов здесь пожалуйста
Понял, извиняюсь 😁
источник

А

Александр in React — русскоговорящее сообщество
Dmitriy Shuleshov
Да есть. Мы храним состояние инпутов сразу в рантайме, и можем как то реагировать на это.

В случае не контролируемых компонентов мы можем запросить их состояние только по какому то тригеру - например сабмит формы.
спасибо большое
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Александр
а практическая польза от этого есть? я когда-то читал о контролируемых и неконтролируемых, но забыл суть((
Практический пример:

Нужно следить за чекбоксом и скрывать\показывать секцию контента.

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

Современным (декларативным) способом - сразу помещаем состояние чекбокса в стейт, а в другом компоненте просто реагируем на этот стейт (скрывая или показывая контент)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Практический пример:

Нужно следить за чекбоксом и скрывать\показывать секцию контента.

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

Современным (декларативным) способом - сразу помещаем состояние чекбокса в стейт, а в другом компоненте просто реагируем на этот стейт (скрывая или показывая контент)
Почему слушатель - это императивно, а второе - декларативно?🤔
источник

МЛ

Макс Лимас in React — русскоговорящее сообщество
Доброго. Есть некая строка с тегами, как правильно её выводить на страницу, что бы теги применялись, и не показывались (как это в textarea например)?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Vladimir Klimov
Почему слушатель - это императивно, а второе - декларативно?🤔
Согласен что понятие это туманное, но вцелом

Декларативно отвечает на вопрос - Каков будет результат?
Императивно - Как этот результат достигается?

Вцелом примером максимальной декларативности являются, например ямл конфиги серверлес, максимальная императивность - там где оперируешь в коде регистрами 😂
источник

АС

Антон Солоха... in React — русскоговорящее сообщество
Макс Лимас
Доброго. Есть некая строка с тегами, как правильно её выводить на страницу, что бы теги применялись, и не показывались (как это в textarea например)?
dangerouslySetInnerHTML
источник

PZ

PAVEL ZARITSKY in React — русскоговорящее сообщество
Макс Лимас
Доброго. Есть некая строка с тегами, как правильно её выводить на страницу, что бы теги применялись, и не показывались (как это в textarea например)?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Макс Лимас
Доброго. Есть некая строка с тегами, как правильно её выводить на страницу, что бы теги применялись, и не показывались (как это в textarea например)?
Можно использовать dangerouslySetInnerHTML, в том случае если этот контент не генерят пользователи
источник

МЛ

Макс Лимас in React — русскоговорящее сообщество
Спс, уже сделал)
источник