AG
Переслано от Adel Gilyazeev
Вот пример как у меня устроены запросы/ответы
https://gist.github.com/Atom735/470a26d6725e787f2b671f1174a59dfa
как пример
Size: a a a
2021 January 30
LL
Всем привет, пишу интернет магазин (только учусь) и надо по иконке «Избранное» добавить товар в локал сторедж (чтоб при перезагрузке иконка так же была залита, изначально она не залита) и потом этот товар надо поместить на страницу с Избранными товарами. Я добавляю id товара в локал сторедж и сравниваю с id товаром, который пришел с «сервера», но не допираю как вывести именно те товары, которые добавленные в Избранное.
Подскажите, пожалуйста, как вывести эти товары
Подскажите, пожалуйста, как вывести эти товары
Антон! Есть возможность бесплатно сделать магазины в мессенджере Gem4me, установите с Play market
AL
Можете объяснить, forwardRef нужен только для более ясного кода, и технически можно передавать ref без него, если проп назвать значением, отличным от 'ref'?
наскольно я помню и использовал, forwardRef позволяет не привязывать ref к компоненту, а пробрасывать его в внутрь. Обычно используется в либах, как человек который использует либу ему просто нужно написать <LibButton ref={ref}>...</LibButton> и ему не нужно задумываться к чему он будет приатачен. А сам разраб уже сам решает с помощью forwardRef куда приатачить данный реф
AL
не знаю понял ты что-нибудь или нет)) но я пытался
AG
Импортируешь стор и вызываешь где надо store.getState() store.dispatch
Для реакций используешь store.subscribe
Для реакций используешь store.subscribe
import { useDispatch, useSelector } from "react-redux";
export const Connection: React.FC = (props) => {
const dispatch = useDispatch();
const connectionState = useSelector((state: RootState) => state.connection.state);
...
return <>{props?.children}</>;
}Внутри функционального реакт компонента, он сам будет перерендерится при изменении значения в селекторе
Т
import { useDispatch, useSelector } from "react-redux";
export const Connection: React.FC = (props) => {
const dispatch = useDispatch();
const connectionState = useSelector((state: RootState) => state.connection.state);
...
return <>{props?.children}</>;
}Внутри функционального реакт компонента, он сам будет перерендерится при изменении значения в селекторе
Чо
МВ
Кто знает сайт с готовыми компонентами к Реакту? Если не изменяет память, помню натыкался на такой давно, аналог codepen`a. Не ANT, Material UI
AG
import { useDispatch, useSelector } from "react-redux";
export const Connection: React.FC = (props) => {
const dispatch = useDispatch();
const connectionState = useSelector((state: RootState) => state.connection.state);
...
return <>{props?.children}</>;
}Внутри функционального реакт компонента, он сам будет перерендерится при изменении значения в селекторе
у меня сам store нигде не используется кроме как в провайдере, и вам советую не пользоваться им на прямую из реакта
AG
про хуки слышал?
Т
про хуки слышал?
Человек спрашивал как работать с сокетом и стором без реакта
ОЖ
Можете объяснить, forwardRef нужен только для более ясного кода, и технически можно передавать ref без него, если проп назвать значением, отличным от 'ref'?
К функциональным компонентам нельзя присвоить ref (по крайней пере так eslint ругался), ты пробрасываешь его внутрь и крепишь к нужному элементу через forwardRef (так я делал)
AG
Человек спрашивал как работать с сокетом и стором без реакта
а, всё ок-ок, зря быканул)... Опять не вник в суть изначального вопроса
А
Всем привет, подскажите пожалуйста, как в React сделать фукнцию, которая открывает WS соединение и работает с ним, но при этом не является React компонентом и ей необходим redux store
Пишешь всю логику, связанную с сокетом, в мидлварь, когда приходят данные - диспатчишь из этой мидлвари экшн.
TP
Кто знает сайт с готовыми компонентами к Реакту? Если не изменяет память, помню натыкался на такой давно, аналог codepen`a. Не ANT, Material UI
bit.dev ?
МВ
Во-во, вроде оно.Благодарю!
VS
VS
Кто использовал Appium или XCUITest?
VS
Можно ли написать тесты, чтобы пройти по чужому приложению? Например, ВК или Твиттер
DN