Size: a a a

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

2020 September 26

RU

Roman Usherenko in React — русскоговорящее сообщество
к примеру если у тебя есть данные "пользователь залогинен" - в редьюсере авторизации. и "все комментарии" - в редьюсере комментариев, то чтоб получить "комментарии текущего пользователя", не нужно их никуда записывать, нужно высчитывать это в селекторе, получив айди пользователя из одного слайса и комментарии из другого слайса
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Roman Usherenko
храни одно в одном, другое в другом, а на основании этих двух данных в селекторе "что-то делай"
у меня есть корзина, которая храниться чз персистор в лс, мне нужно при входе получать новый массив товаров и добавлять товару нужный каунт с корзины, но корзина находится в персисторе
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Γιωργος Χηονιδι
у меня есть корзина, которая храниться чз персистор в лс, мне нужно при входе получать новый массив товаров и добавлять товару нужный каунт с корзины, но корзина находится в персисторе
откуда берется новый массив товаров?
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Roman Usherenko
откуда берется новый массив товаров?
запрос с апи
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Γιωργος Χηονιδι
запрос с апи
при входе в приложение
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
шо такое персистор? библиотека?
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Roman Usherenko
шо такое персистор? библиотека?
+ redux-persist тот редьюсер что выбираешь он заносит в локал сторедж и вытаскивает обратно
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Γιωργος Χηονιδι
+ redux-persist тот редьюсер что выбираешь он заносит в локал сторедж и вытаскивает обратно
ну так чет я не понимаю, у тебя приходят новые товары из апи, отправляй эти данные в редьюсер корзины и там обновляй значения
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
я просто всю картину пока понять не могу. что надо делать с товарами, которые пришли с апи?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
а, ну товары из апи кладешь в свой слайс, через свой редьюсер. потом делаешь селектор, который берет данные из корзины и данные из слайса товаров и дальше делает с ними что надо
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Roman Usherenko
я просто всю картину пока понять не могу. что надо делать с товарами, которые пришли с апи?
смотри у меня есть товары-продукты 100 штук они приходят изначально как приложение загрузится в useEffcet экшен, после чего я каждый товар могу добавить в корзину удалить из карзины не из самой корзины, посредством + - это счетчик товара после чего эти данные заносятся в локал сторедж чз персист автоматом весь редьюсер карт, при следующем заходе в приложение получаю теже товары но нужен каунт из корзины для каждого товара, так как эти счетчики не в 1 месте в общем списке и в деталке и в самой корзине, и мне нужно сдеать типо найти итме в товарах с тем же айди что в корзине и прописать им каунт равный тому каунту что в корзине
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Γιωργος Χηονιδι
смотри у меня есть товары-продукты 100 штук они приходят изначально как приложение загрузится в useEffcet экшен, после чего я каждый товар могу добавить в корзину удалить из карзины не из самой корзины, посредством + - это счетчик товара после чего эти данные заносятся в локал сторедж чз персист автоматом весь редьюсер карт, при следующем заходе в приложение получаю теже товары но нужен каунт из корзины для каждого товара, так как эти счетчики не в 1 месте в общем списке и в деталке и в самой корзине, и мне нужно сдеать типо найти итме в товарах с тем же айди что в корзине и прописать им каунт равный тому каунту что в корзине
в итоге мне нужно что бы у меня стейт с продуктами изменился и там были товары с нужным каунтом (таким же как и в корзине) и так по кругу
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Γιωργος Χηονιδι
смотри у меня есть товары-продукты 100 штук они приходят изначально как приложение загрузится в useEffcet экшен, после чего я каждый товар могу добавить в корзину удалить из карзины не из самой корзины, посредством + - это счетчик товара после чего эти данные заносятся в локал сторедж чз персист автоматом весь редьюсер карт, при следующем заходе в приложение получаю теже товары но нужен каунт из корзины для каждого товара, так как эти счетчики не в 1 месте в общем списке и в деталке и в самой корзине, и мне нужно сдеать типо найти итме в товарах с тем же айди что в корзине и прописать им каунт равный тому каунту что в корзине
все, я понял. как я и сказал, все товары хранишь в одном слайсе - товары
корзину в другом слайсе - корзина

чтобы отобразить в списке товаров счётчик уже положенных в корзину товаров, используешь селектор

селектору доступен весь стейт
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Roman Usherenko
все, я понял. как я и сказал, все товары хранишь в одном слайсе - товары
корзину в другом слайсе - корзина

чтобы отобразить в списке товаров счётчик уже положенных в корзину товаров, используешь селектор

селектору доступен весь стейт
спасибо, попробую
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Γιωργος Χηονιδι
спасибо, попробую
const productsWithCountsSelector = createSelector(
 (state) => state.products,
 (state) => state.cart,
 (products, cart) => ({
   products.map((product) => ({
     ...product,
     count: cart[product.id]
   })
 })
)

как-то так.  пишу с телефона, могут быть ошибки
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Roman Usherenko
const productsWithCountsSelector = createSelector(
 (state) => state.products,
 (state) => state.cart,
 (products, cart) => ({
   products.map((product) => ({
     ...product,
     count: cart[product.id]
   })
 })
)

как-то так.  пишу с телефона, могут быть ошибки
да спасибо, буду разбираться, я правильно понимаю что при изменении чего то в массиве cart селектор будет выдавать новые актуальные данные?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Γιωργος Χηονιδι
да спасибо, буду разбираться, я правильно понимаю что при изменении чего то в массиве cart селектор будет выдавать новые актуальные данные?
да. в этом смысл
источник

МК

Месье́ Кэс in React — русскоговорящее сообщество
Кто-то работал с React-Leaflet?
Мне нужно полилинию стилизовать особым образом, есть svg и css с фигмы
Подскажите, пожалуйста, как это можно сделать?
источник

DC

Defina Corporation in React — русскоговорящее сообщество
Месье́ Кэс
Кто-то работал с React-Leaflet?
Мне нужно полилинию стилизовать особым образом, есть svg и css с фигмы
Подскажите, пожалуйста, как это можно сделать?
В чём сложность подключить стили и сохранить стили из фигмы в css?
А svg можно добавлять как отдельные реакт компоненты, либо по ссылке в img src
Если там нет каких-то неизвестных иконок, то есть огромная библиотека иконок-глифов
https://react-icons.github.io/
источник

DC

Defina Corporation in React — русскоговорящее сообщество
React-Leaflet я так понял карта, что именно не получается при работе с этой картой ?
источник