Size: a a a

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

2021 February 11

RU

Roman Usherenko in React — русскоговорящее сообщество
Иван
Всем йоу
Я к вам с новостями

Наверное, вы заметили, что активность группы модераторов поутихла в этом чате. К сожалению, всё течёт и всё меняется. Скоро сюда придут новые модераторы, а я больше не могу заниматься администрированием/модерированием/дедствованием в этом чате. Пора и мне меняться.

Но просто так я вас не брошу, запилил вам faq на память, небольшая выжимка из пятнадцати тысяч моих сообщений. Всех неравнодушных приглашаю по ссылке в конце фака — можем сделать его лучше вместе.

kekpek.dev/chat-faq

@TchernyavskyD и @undefned, спасибо за помощь в составлении фака
Всем остальным спасибо за тёплую компанию. Чмоке!

За сим прощаюсь 🖖🏿
Иван, в девичестве Дед
счастливой пенсии, дед 🙂 удачи в кругосветном путеществии
источник

ВБ

Вова Белый in React — русскоговорящее сообщество
Впервые использую useMemo.
описание:
Условно генерю кнопки по мапом, но я не хочу что бы при изменении элемента вообще не связанного с ним к меня происходит ререндер
Подвязываюсь под глобальную переменную от которой он генерит нужные кнопки и вроде все отлично и проблем нет, но вот суть в том что при изменении этого же «подвязанного» элемента ничего не меняется, я повязался вручную
на клик что бы изменить значение внутри и элементы не отререндерились, я подумал а ну может быть поверхностная проверка идёт на ссылку и такой, ну ок поставлю значит значение в налл и все равно ничего не меняется

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

ВБ

Вова Белый in React — русскоговорящее сообщество
Вова Белый
Впервые использую useMemo.
описание:
Условно генерю кнопки по мапом, но я не хочу что бы при изменении элемента вообще не связанного с ним к меня происходит ререндер
Подвязываюсь под глобальную переменную от которой он генерит нужные кнопки и вроде все отлично и проблем нет, но вот суть в том что при изменении этого же «подвязанного» элемента ничего не меняется, я повязался вручную
на клик что бы изменить значение внутри и элементы не отререндерились, я подумал а ну может быть поверхностная проверка идёт на ссылку и такой, ну ок поставлю значит значение в налл и все равно ничего не меняется

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

ВБ

Вова Белый in React — русскоговорящее сообщество
Вова Белый
А ещё упомяну, что в моём случае глобальная переменная не является стейтом,это просто переменная типа let , над компонентом
И если подвязываться под какой-то стейт то он работает как надо
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Вова Белый
Впервые использую useMemo.
описание:
Условно генерю кнопки по мапом, но я не хочу что бы при изменении элемента вообще не связанного с ним к меня происходит ререндер
Подвязываюсь под глобальную переменную от которой он генерит нужные кнопки и вроде все отлично и проблем нет, но вот суть в том что при изменении этого же «подвязанного» элемента ничего не меняется, я повязался вручную
на клик что бы изменить значение внутри и элементы не отререндерились, я подумал а ну может быть поверхностная проверка идёт на ссылку и такой, ну ок поставлю значит значение в налл и все равно ничего не меняется

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

И

Иван in React — русскоговорящее сообщество
Иван
Всем йоу
Я к вам с новостями

Наверное, вы заметили, что активность группы модераторов поутихла в этом чате. К сожалению, всё течёт и всё меняется. Скоро сюда придут новые модераторы, а я больше не могу заниматься администрированием/модерированием/дедствованием в этом чате. Пора и мне меняться.

Но просто так я вас не брошу, запилил вам faq на память, небольшая выжимка из пятнадцати тысяч моих сообщений. Всех неравнодушных приглашаю по ссылке в конце фака — можем сделать его лучше вместе.

kekpek.dev/chat-faq

@TchernyavskyD и @undefned, спасибо за помощь в составлении фака
Всем остальным спасибо за тёплую компанию. Чмоке!

За сим прощаюсь 🖖🏿
Иван, в девичестве Дед
Да, кстати, жду ваших мнений по поводу фака. Чего добавить, как сделать поудобнее
источник

И

Иванов Максим... in React — русскоговорящее сообщество
Есть хук валидации. На клиенте все валидирует. Так же я еще хочу передавать ошибки валидации сервера, которые я буду передавать в этот хук как serverErrors. Подскажите пожалуйста как мне дальше действовать, чтобы это все заработало?
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Иванов Максим
Есть хук валидации. На клиенте все валидирует. Так же я еще хочу передавать ошибки валидации сервера, которые я буду передавать в этот хук как serverErrors. Подскажите пожалуйста как мне дальше действовать, чтобы это все заработало?
есть ли смысл их передавать в этот хук? кмк это хук чисто клиентской валидации. закинув сюда ошибки сервера, ты нарушишь SRP
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
они могут быть другого формата, надо где-то делать реквест. хз, как по мне — идея сомнительная
p.s. хук, который ты написал, наверняка уже живет где-то в npm
источник

И

Иванов Максим... in React — русскоговорящее сообщество
Bugs Bunny
есть ли смысл их передавать в этот хук? кмк это хук чисто клиентской валидации. закинув сюда ошибки сервера, ты нарушишь SRP
Может объяснишь как тогда мне действовать в нескольких словах?
источник

И

Иванов Максим... in React — русскоговорящее сообщество
Bugs Bunny
они могут быть другого формата, надо где-то делать реквест. хз, как по мне — идея сомнительная
p.s. хук, который ты написал, наверняка уже живет где-то в npm
к нужному формату я привел уже. Хотел в хуке объядинить эти две ошибки как то
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Иванов Максим
Может объяснишь как тогда мне действовать в нескольких словах?
по архитектуре надо смотреть. в идеале рядом с использованием
useForm()
должно быть еще что-то вроде
useAsyncValidation()
источник

A

Azim in React — русскоговорящее сообщество
Bugs Bunny
они могут быть другого формата, надо где-то делать реквест. хз, как по мне — идея сомнительная
p.s. хук, который ты написал, наверняка уже живет где-то в npm
да такой хук уже существует в npm. react-hook-form называется. Если не ошибаюсь у него уже есть возможность ассинхронной валидации
источник

A

Azim in React — русскоговорящее сообщество
да и много других нужных плюшек
источник

S

SAWA in React — русскоговорящее сообщество
есть ли разница между импортом
"Button from "antd/es/button""
и
{Button} from "antd"  ?
в плане влияния на вес конечного бандла.
запариваться и импортировать разные компоненты из разных мест, или вебпак и сам разберется что используется а что нет и не включит лишнее в бандл?
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Azim
да такой хук уже существует в npm. react-hook-form называется. Если не ошибаюсь у него уже есть возможность ассинхронной валидации
мне не нравится, что в такой хук нужно будет кучу параметров передать с асинхронной валидацией и следить, чтобы ничего лишний раз не триггерилось, но это моё лютое бешенное имхо
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
в целом вай нот
источник

ʙ

ʙᴀᴋʜʀᴏᴍ in React — русскоговорящее сообщество
Доброго времени всем!

можно ли как то указать baseurl приложения?

есть роуты типа

/products
/products/:id

при обновлении страницы на с путём /products/1 в путь css файлов билда добавляется products
источник

И

Иванов Максим... in React — русскоговорящее сообщество
Bugs Bunny
по архитектуре надо смотреть. в идеале рядом с использованием
useForm()
должно быть еще что-то вроде
useAsyncValidation()
Сейчас работает так: Происходит валидация на клиенте, если все ок происходит dispatch(addCustomer(values)). Если происходит ошибка валидации на сервере, диспатчится ошибка, которая загружает информацию об ошибках валидации в редаксе
источник

АД

Александр Дми... in React — русскоговорящее сообщество
Всем привет посоветуйте годный курс React + TypeScript
источник