Андрей
mapDispatchToProps можно объектом делать, а не функцией в onClick сразу test передавай, без анонимки
А как давно это стало, что без bindActionCreators можно действие диспатчить? Просто курс проходил в феврале по реакту, там мы с bindActionCreators делали?
Андрей
года два
😢 зачем было учить тогда с bindActionCreators работать?
Oleg
кто-то использует flow? может кто сказать, чем он лучше prop types?
artalar
😢 зачем было учить тогда с bindActionCreators работать?
Научится работать с bindActionCreators должно занимать 15 минут максимум
artalar
Для общего понимания 🤷‍♂️
Oleg
Что то не могу действие отправить в стор😢
как это вообще работает без dispatch?
Андрей
как это вообще работает без dispatch?
Да я хз.. работает, щас проверил сам
Oleg
я походу не знаю, что такое dispatch...
Китикет
Для общего понимания 🤷‍♂️
Мне пригождается чтобы действия группировать
Китикет
Например, есть какие-то для взаимодействия с текущим пользователем, а какие-то с айтемами в компоненте, и получается что первые в sessionActions, а вторые, допустим, в itemsActions
Китикет
По-моему классно)
artalar
Вот что классно https://github.com/artalar/redux-steroid
Китикет
Ого, че то на стероидах, уже заинтересовал
artalar
Уже сейчас есть createStore в subscribe которого можно передавать редусеры, которые не связаны с рутовым стором. Этакий ленивый редусер. (готовые примеры кода в тестах) Главная идея в том что селекторы и мемоизация не нужны, подписываешься на атомарные редусеры и получаешь обновления только от них. В течении пары дней добавлю поддержку мидлвар и можно пользоваться.
Oleg
artalar
Эффектор да, более продакшен реди
artalar
Мое решение именно для экосистемы редакса, ну и может быть кому-то попроще
Oleg
так же записал... не пойму, почему, но у меня без диспатча не работает
Oleg
ну в экшн заходит, в редьюсер нет.
Oleg
с диспатчем всё ок.
Андрей
а редакс какой?
А так вызываешь ?
Андрей
"react-redux": "^7.0.3", "redux": "^4.0.1", "redux-devtools-extension": "^2.13.8",
Oleg
"react-redux": "^5.1.1",
Андрей
Давненько не обновлял
Oleg
Давненько не обновлял
вообще пофигу. я как-то не так записал, видимо.
Андрей
Ну смотри мой код, у меня все робит
Oleg
что это вообще за запись слева?
Oleg
getOrCreateStore какой-то...
Oleg
это его так обновили?
Андрей
Это у меня для работы в среде nextJS
Oleg
а...
Oleg
пофиг, буду писать с диспатчем.
Андрей
🥳
Oleg
prop types это runtime, flow это compile time
исходя из этого proptypes лучше?
Sergey
нет, хуже
artalar
Это вообще разные вещи и одно другое не заменяет. Может, пересекаются немного
Oleg
prop types это runtime, flow это compile time
но ведь получается инфу о proptypes мы получаем сразу, а flow только когда скомпилится?
artalar
Это как сравнивать дизайн-систему и ui-kit
Sergey
но ведь получается инфу о proptypes мы получаем сразу, а flow только когда скомпилится?
чтоб найти ошибки в prop type тебе нужно запустить приложение и протыкать все компоненты
Oleg
просто вроде классная штука, но не могу понять основной фишки.
Den
Oleg
code faster, code smarter, а что делает непонятно.
Oleg
artalar
а что тогда вообще делает flow?
Во время написания кода проверяет, учитывая анотации типов, что код не будет строки с массивами складывать и undefined как функцию вызывать. И это касается всего кода, где есть анотации Проптайпы проверяют только пропсы компонента. И этом произойдет только когда компонент замонтируется, что может не произойти при тестировании в большом приложении
Андрей
Почему не могу шрифт подключить?
artalar
а что тогда вообще делает flow?
Рекомендую для введения в типизацию: https://youtu.be/dCXvQkvSyQg?t=862
Oleg
Рекомендую для введения в типизацию: https://youtu.be/dCXvQkvSyQg?t=862
та в типизации я вроде шарю. по крайней мере понимаю, что это и зачем нужно.
artalar
Рекомендую для введения в типизацию: https://youtu.be/dCXvQkvSyQg?t=862
Тут уже advanced затрагивается https://youtu.be/1-nCZdW7fYw
Oleg
не на то сообщение ты ответил...
artalar
то есть, proptypes просто проверяет входные типы, а flow ещё и работу с этими типами, так?
Проптайпы проверяют тип входных данных, а флоу только работу с этими типами данных. Проптайпы или любые другие рантайм контракты (см. io-ts, typed-contracts) - имеют преимущество в том что они работают с реальными данными, а не с (?) ошибочными анотациями разработчика, как это делают системы статической типизации. Но системы статической типизации могут проверить весь проект разом и довольно быстро, в то время как рантайм контракты нужно ручками прогонять, вроде регрессионного тестирования
Bogdan
я так понял, в useEffect екшен пропсами нельзя передавать? нужно прям в нем вызывать?
Bogdan
https://codesandbox.io/s/fervent-panini-mjec2
Bogdan
если передал пропсами, вторым параметром нужно передать сам екшен, или я не так что то понял?
Dima
Ребята,есть кто-то, кто разбирается хорошо в эпиках в rxjs?Напишите в лс пж, нужна помощь.
A
Привет, посоветуйте slider/carousel какой-то нормальный с MIT лицензией для React or VanilaJs без jQuery и стабильную желательно задача простая, реализовать такой сценарий
A
он с jQuery
Misha
он с jQuery
А в чем проблема?
Viktor
swiper js
Китикет
A
swiper js
спасибо - попробую
Anton
подскажите плиз, как в react-dnd получить индекс элемента в том месте, куда его перетащили
A
А в чем проблема?
в том что нужен простой слайдер и желательно mobile friendly/performant без кучи зависимостей