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

просто этот pure-react-carousel не совсем нравится тем что плохо адаптируется под контент. в slick всё автоматом и удобно.

Bugs Bunny in Next.js — русскоговорящее сообщество

22:59пожаловаться #1

ага. слик –– это фансибокс в мире слайдеров

22:59пожаловаться #2

React Responsive Carousel

https://www.npmjs.com/package/react-responsive-carousel
вот такой еще есть

npm

npm: react-responsive-carousel

Sergey Belozyorcev in Next.js — русскоговорящее сообщество

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

Кто какой слайдер юзает? пробую pure-react-carousel но при первой прогрузке почему-то слайдер не работает. только если второй раз перезагрузить страницу.

Попробуй react-multi-carousel, вроде не плохая да и весит в 2 раза меньше.

23:03пожаловаться #4

Попробуй react-multi-carousel, вроде не плохая да и весит в 2 раза меньше.

о спасибо

23:03пожаловаться #5

Redux middleware to make store.dispatch() return a promise and wait for another action

нашел кстати как побороть асинхронный dispatch) может кому пригодится
https://www.npmjs.com/package/redux-wait-for-action

npm

npm: redux-wait-for-action

23:09пожаловаться #6

Не знаю то это или нет но Дэн Абрамов вот такое предлагает еще

Eugene M in Next.js — русскоговорящее сообщество

23:16пожаловаться #7

Bugs Bunny

мы, кстати, искали с коллегой в сорсах его вызов. так и не нашли

его там и нет, сам флекс в зависимостях для цсс, так как это реврайт

Eugene M in Next.js — русскоговорящее сообщество

23:22пожаловаться #8

но юзать его не советую)

Eugene M in Next.js — русскоговорящее сообщество

23:22пожаловаться #9

единственный пакет на проекте который боимся обновить и поставили в очередь на рефакторинг

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

или я дурак или хз. читаю разные варианты но всё кажется слишком сложным даже в готовых Npm пакетах. как можно решить проблему асинхронности в данном случае? Здесь в cart хранится старое значение при попытке добавить в куки. при том что сам Dispatch это обычный синхронный action

23:36пожаловаться #11

Redux middleware that waits for specified actions to have occurred - filidorwiese/redux-wait-for-ssr

Нашел еще вот такой пакет но мне показалось что это скорее замена Thunk https://github.com/filidorwiese/redux-wait-for-ssr

GitHub

filidorwiese/redux-wait-for-ssr

Sergey Belozyorcev in Next.js — русскоговорящее сообщество

23:37пожаловаться #12

А откуда берётся cart?

23:50пожаловаться #13

А откуда берётся cart?

const cart = useSelector(state => state.cart);

Sergey Belozyorcev in Next.js — русскоговорящее сообщество

23:51пожаловаться #14

У тебя там старая ссылка

23:51пожаловаться #15

У тебя там старая ссылка

при изменении стейта объекты в которых useSelector не перерендериваются разве? по идее же там обновленное должно было стать

Sergey Belozyorcev in Next.js — русскоговорящее сообщество

23:52пожаловаться #16

Это не останавливает выполнение кода.

23:52пожаловаться #17

Это не останавливает выполнение кода.

блин. а есть идеи как это сделать?

Sergey Belozyorcev in Next.js — русскоговорящее сообщество

23:54пожаловаться #18

const cart = useSelector(state => state.cart);

Ну исходя из твоего кода, то должно быть что-то типо такого

const cart = useSelector(state => state.cart);

useEffect(() => {
  cookie.set("cart", JSON.stringify(cart), { expires: 1})  
}, [cart])

Sergey Belozyorcev in Next.js — русскоговорящее сообщество

23:55пожаловаться #19

Если я правильно понял кейс