Не про стандартный dispatch

Ну у него тип ∀ a. a → a как правило, так что промис он тоже вернет если человек его передал

Ну я про thunk говорю

там возвращает, то, что вернешь из санка

Диспач промис возвращает, тоесть ты можешь после послать запрос в API

а зачем возвращать промис, если можно в then сделать нужный dispatch?

Форма сама ж за свой стейт отвечает, нафига в него лезть?

Кмк dispatch должен возвращать void, чтобы не париться ещё и о том, что же там из него вернётся)

а зачем возвращать промис, если можно в then сделать нужный dispatch?

затем, чтобы разделять логику

там возвращает, то, что вернешь из санка

Да точно, ты был прав. Давно redux не юзал

затем, чтобы разделять логику

а где тут разделение?

Кмк dispatch должен возвращать void, чтобы не париться ещё и о том, что же там из него вернётся)

Promise<void> или void?

Вообще void

а где тут разделение?

если тебе не надо внутри санка делать ещё один диспатч во всех случаях использования экшена

У меня вечно огромные проблемы из-за того, что диспатч что-то возвращает но ещё ни разу после отказа от санков я реально этим даже не пользовался

Санкохук какой-то

Если в коннект передавать объект с экшнами вторым аргументом, то сам диспатч толком даже в глаза не видишь, что-то там под капотом оборачивается и ладно

Если в коннект передавать объект с экшнами вторым аргументом, то сам диспатч толком даже в глаза не видишь, что-то там под капотом оборачивается и ладно

главное типы не забыть прокинуть, чтобы не узнавать об опечатках в имени экшена в рантайме

если тебе не надо внутри санка делать ещё один диспатч во всех случаях использования экшена

непонятно чет

главное типы не забыть прокинуть, чтобы не узнавать об опечатках в имени экшена в рантайме

import {foo, bar} from './action' class _ extends React.Component<{ foo: typeof foo, bar: typeof bar, }>{} export default connect(null, {foo, bar})(_)

Криво конечно

Но как это получше автоматизировать я хз

Тогда у тебя в тестах будет нужно обязательно передать typeof foo, но удобнее иметь возможность передавать () => void

Но как это получше автоматизировать я хз

переписать типы connect?

тут не принято на нубские вопросы отвечать?

Кто как переводит form validator errors?

Тогда у тебя в тестах будет нужно обязательно передать typeof foo, но удобнее иметь возможность передавать () => void

Чё

Зачем

У тебя готовый компонент

Тогда у тебя в тестах будет нужно обязательно передать typeof foo, но удобнее иметь возможность передавать () => void

Чтобы похерить вывод типов?

Какой смысл типизировать компонент экшнами и потом позволять обнулить их наглухо?)

Ну нет) Я обычно напрямую не передаю в коннект у меня ниже уровнем хэндлеры от рекомпоза

Ну потому что withHandlers мои функции по честному возвращают void а не экшн

Какие вы умные. Завидно прям.

Ребята дайте ссылку на материал как сделать такой прелоадер как с недавних пор появаился на youtube и linkedin

Потому что тестировать проще имхо если каждый экшн обернут в хэндлер, тогда и существование ридакса скрыто,что конечно нахер не надо

isFetching ? <Preaload /> : <Comp />

Ну потому что withHandlers мои функции по честному возвращают void а не экшн

Иными словами, ты определяешь ложный тип, а после этого меняешь реальный под соответствие ему

Стоп он не ложный)

Чуваки плиз помогите, Error: only one instance of babel-polyfill is allowed.

Ложный конечно же

Я создаю одноименную функцию которая возвращает void, а потом дерагет уже ту что диспатчит

При создании экшна создаётся экшн, как ни странно

Я создаю одноименную функцию которая возвращает void, а потом дерагет уже ту что диспатчит

ЗАЧЕМ

Чуваки плиз помогите, Error: only one instance of babel-polyfill is allowed.

написано же всё

??

Чуваки плиз помогите, Error: only one instance of babel-polyfill is allowed.

Один раз только подключай полифил в корневом компоненте

import {foo, bar} from './action' class _ extends React.Component<{ foo: typeof foo, bar: typeof bar, }>{} export default connect(null, {foo, bar})(_)

Обрати внимание, здесь нет ничего про диспатч

Один раз только подключай полифил в корневом компоненте

так в том и дело что я его один раз подключаю

И в том месте из которого импортируется тоже

И при использовании его тоже не будет

так в том и дело что я его один раз подключаю

ну значит не один раз

так в том и дело что я его один раз подключаю

В head нет случайно?

так в том и дело что я его один раз подключаю

Сделай поиск по проекту

ну значит не один раз

если я убираю один (единственный) импорт полифила ваще ничо не работает потому что он нужен

Я же говорю ну мне просто приятно знать я абстрагирую ридакс, считай фетиш ? То есть примерно так compose( connect(null, {someAction}), withHandlers({ someAction : ({someAction}) => e => { someAction(e.target.value) } }) ) Ну и по сути це (e) => void И я могу спокойно в тестах отдельно потестить с хоком и отдельно совсем девственный компонент с колбеком и void а не с возвратом экшна

+ тут такой момент что далеко не каждый пользовательский ввод вызовет диспатч, а некоторые нужно из слоя просто Dom евента вытащить вэлью или как то предварительно обработать, скажем календарик у меня возвращает инстанс момента, я например вытащу значения в хэндлере ,а потом уже задиспатчу isostring

Но как это получше автоматизировать я хз

Я генерирую для себя три типа, экшены, экшон криэйторы и мап диспатч экшон криэйторы

import {foo, bar} from './action' class _ extends React.Component<{ foo: typeof foo, bar: typeof bar, }>{} export default connect(null, {foo, bar})(_)

const actions = { for, bar}; class _ extends React.Component<typeof actions> Как вариант ещё

/?pickup_city=:pickup_city&dropoff_city=:dropoff_city кто знает как вопросительный знак экранировать, что бы реакт роутер сработал?

вообщем если начинается с спец.символа отказывается работать, хоть экранирую хоть нет)

/?pickup_city=:pickup_city&dropoff_city=:dropoff_city кто знает как вопросительный знак экранировать, что бы реакт роутер сработал?

а ты что пытаешься сделать то ?

хочешь заматчить путь с параметрами?

а ты что пытаешься сделать то ?

мне урл вот такой нужен для реакт роутера

ERROR: S client not available

ага

path="/@pickup_city=:pickup_city&dropoff_city=:dropoff_city"

так к примеру работает

отслеживай путь на уровне роутов, а параметры внутри ({ match }) => match.params

но мне вопросительный нужен вместо собаки

поверь, не нужны тебе спецсимволы в пути :)

поверь, не нужны тебе спецсимволы в пути :)

я согласен, но не моя прихоть)

https://twitter.com/jamiebuilds/status/986699602362429440?s=20 Клевый каминг аут. Признавайтесь кто все еще использует его проекты?

const actions = { for, bar}; class _ extends React.Component<typeof actions> Как вариант ещё

Лол, а ты хитрый ? Да, это сокращенный вариант моей записи, проблема в том, что самих пропсов побольше и получается уже некрасиво и не очевидно

https://twitter.com/jamiebuilds/status/986699602362429440?s=20 Клевый каминг аут. Признавайтесь кто все еще использует его проекты?

Лол, это же James "javascript fatigue" Kyle, ты что хотел)

А есть у кого на примете «что-то» для экстракта propTypes из TS? Нужны пропсы в явном виде :(

Я ещё маплю экшены в { actions: {... }}, чтобы избегать конфликтов с пропами, а так одина хелпер функция создаёт все что нужно для компонента

Лол, это же James "javascript fatigue" Kyle, ты что хотел)

Я у него давно в блок листе ;) знаком

Ахах ?

Я ещё маплю экшены в { actions: {... }}, чтобы избегать конфликтов с пропами, а так одина хелпер функция создаёт все что нужно для компонента

В таком случае они не будут обернуты же, не? (я не проверял просто)

Я делаю чтоб были обернуты

Аа

Я делаю чтоб были обернуты

через bindActionCreators? тогда ИДЕ их теряет и не может прыгнуть на определение

через bindActionCreators? тогда ИДЕ их теряет и не может прыгнуть на определение

Што?

Да через бинд, но с определением все в порядке

Я понял, ИДЕ это сокращенно от IDEA

Да через бинд, но с определением все в порядке

у меня вебшторм не может показать правильно usage и сделать jump to, если экшен пропущен через bind. Возможно я неправильно его варил

у меня вебшторм не может показать правильно usage и сделать jump to, если экшен пропущен через bind. Возможно я неправильно его варил

А тип в компонент откуда передаешь?

У меня разные типы у того что в коннект и того что в пропах компонента

А тип в компонент откуда передаешь?

у меня не тайпскрипт, типы описаны только в proptypes

У меня разные типы у того что в коннект и того что в пропах компонента

Вот это фигово кстати

проблемно

Вот это фигово кстати

Нет, когда у них один источник

Одна функция создаёт из одного объекта и тот и другой тип, компоненту не обязательно знать что экшон обернут во что-то

При оборачивании в диспатч тип не меняется никак вообще