А
Оптимизация ради оптимизации - не самый здравый подход
Size: a a a
2021 June 18
AS
ну вот и решилось) браузер не дает делать запрос с хттп на хттпс. либо пусть бэкэнд даст доступ, либо используйте плагин. еще можно как-то через прокси и прочие штуки решать, но именно с ними я не сталкивался
V
на бекенде стоит доступ
Д
А
Рендер родителя вызывает рендер всех его элементов. (В данном случае ре-рендер)
И
храни всё в строке. что за идиотское условие? и можно почитать это условие? может, ты что-то не понял?
VL
тут если только все callbacks в useCallback обернуть
https://codesandbox.io/s/silly-knuth-s96g1?file=/src/App.tsx
https://codesandbox.io/s/silly-knuth-s96g1?file=/src/App.tsx
DR
React.memo + грамотное использование useMemo/useCallback. Всё, готово, приложение летает
D
лол
конечно
конечно
DR
Частные случаи оптимизации (драгндроп какой-нибудь с синхронизацией сдвига на 50 элементов) не в счёт
DR
Чел спросил, как сделать, чтобы дерево на сотни/тысячи компонент не фризило. Кроме этого общих советов, специфичных для реакта, нет
D
виртуализация единственный способ что бы сотни элементов не фризились
хоть все оберни мемо - не поможет
хоть все оберни мемо - не поможет
M
не встречал прям огромную проблему если все делать грамотно в приложении. Но есть такой варик посмотреть чисто https://github.com/ankeetmaini/react-infinite-scroll-component
M
обычно хватает key у елемента для оптимизации списка
V
При отправке данных с клиента (реакт, fetch) на сервер (express js) получаю ошибку.
Access to fetch at 'http://localhost:5000/api/order/add' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.
На беке стоит хедер, который раньше решил мою проблему, но сейчас при появлении новых запросов - снова та же ошибка, но этот хедер не помогает.
Access to fetch at 'http://localhost:5000/api/order/add' from origin 'http://localhost:3000' has been blocked by CORS policy: Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.
На беке стоит хедер, который раньше решил мою проблему, но сейчас при появлении новых запросов - снова та же ошибка, но этот хедер не помогает.
V
В чем может быть проблема?
Уже и в сам фетч хедеры кидаю, ничего.
Уже и в сам фетч хедеры кидаю, ничего.
MM
MM
Can anyone fix it?
VL
Только в случае с такими callbacks, как у todo list, нет никакого смысла использовать useCallback, вот для справки, сколько нужно времени на ререндер списка 100+ элементов при изменении в инпуте.