Телеграмм чат группы react

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

00:16пожаловаться #1

DS

Ace Qnemes

Как сказать реакту, чтобы он не ререндерил страницы при выборе пользователем значения из списка Select. Значение в стейте лежит

Помещая что то в стейт именно вы обязываете реакт ререндерить, если значение стейта сменилось

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

00:17пожаловаться #2

AQ

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

Шарик in React — русскоговорящее сообщество

00:18пожаловаться #3

Ш

Ace Qnemes

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

Недавно ток начал, мб, херню скажу, попробуй выкинуть экшен, связанные с той, частью, которую не нужно ререндерить в отдельный reducer и укажи в самом reducer'e экшен на ререндер страницы, этот reducer можно воткнуть уже после команды ререндера, в самом store. Предполагаю, что с точки зрения общих принципов разработки эт тупость, но может сработать

00:37пожаловаться #4

D

От редактора прилетатет строка с html, лучший способ отрисовать через ref ?

00:57пожаловаться #5

D

Почему тут реф не работает?

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

01:22пожаловаться #6

DS

От редактора прилетатет строка с html, лучший способ отрисовать через ref ?

dangerous Set Inner Html так кажись

01:25пожаловаться #7

D

Dmitriy Shuleshov

dangerous Set Inner Html так кажись

Ну эт да, но я думал может чере реф можно, но чет не работает

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

01:25пожаловаться #8

DS

Ну эт да, но я думал может чере реф можно, но чет не работает

Проверь че там в рефе лежит когда пробуешь юзать его

01:27пожаловаться #9

D

Там значение инициализации - нул, почему то не цепляет элемент

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

01:28пожаловаться #10

DS

Там значение инициализации - нул, почему то не цепляет элемент

Потому что сет стейт выполняется ассинхронно и когда ты пытаешься взаимодействовать с нтмл елементом он просто не появился ещё в дом

Артём in React — русскоговорящее сообщество

01:30пожаловаться #11

А

От редактора прилетатет строка с html, лучший способ отрисовать через ref ?

Попробуй лучше ответ сохранить в стейте, и рендерить его через html-react-parser

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

01:31пожаловаться #12

EP

Vladimir Klimov

Можно шарить эти правила между беком и фронтом в виде какой-то схемы

Кстати, а реализация чего-то подобного есть уже? Мне кажется это суперактуально если бэк на node.js

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

01:31пожаловаться #13

EP

Александр

Я это привел как пример того, что правила валидации на бэке могут быть идентичны правилам валидации на фронте вплоть до того, что нельзя в рамках архитектуры сделать правило валидации на фронте, которого нет на бэке.

Что-то похожее есть уже?

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

01:32пожаловаться #14

EP

Я просто сейчас понял что мы примерно всегда это юзаем, ну то есть дублируем валидации форм на бэке и фронте

01:33пожаловаться #15

D

Dmitriy Shuleshov

Потому что сет стейт выполняется ассинхронно и когда ты пытаешься взаимодействовать с нтмл елементом он просто не появился ещё в дом

Да даже если убрать смену состояния а при монтировании компонента рефнуть, не рефается

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

01:33пожаловаться #16

EP

И если бы схема валидации у бэка и фронта была общая, то было бы ваще супер

01:33пожаловаться #17

s

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

Почему тут реф не работает?

Это из-за условного рендеринга, при инициализации реф всегда null будет(

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

01:33пожаловаться #18

VK

Egor Pishchalnikov

Кстати, а реализация чего-то подобного есть уже? Мне кажется это суперактуально если бэк на node.js

Посмотрите про контрактное програмирование что-то
Можно пользоваться всякими валидаторами на основе схем и схемы шарить, типы можно шарить, короче, много всего

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

01:34пожаловаться #19

EP

Vladimir Klimov

Посмотрите про контрактное програмирование что-то
Можно пользоваться всякими валидаторами на основе схем и схемы шарить, типы можно шарить, короче, много всего

Хм, ок, посмотрю конечно, но я думал ты скажешь есть такое уже или нет. Просто я пока слабо представляю как, допустим, yup’овскую схему можно сделать общей для бэкенда и фронта