чего бы ты в mapStateToProps не написал, flow пофиг

я ж скидывал пример

https://gist.github.com/mkusher/2493b57dffbfb6cd7b636f2d29158efc

и?)

я про flow

там у flow типы еще круче прописаны) диффы всякие, но не работает, зараза

https://flowtype.org/try/#0PQKgBAAgZgNg9gdzCYAoVpK0ctAXATwAcBTMAYTgDsqSBjPAQRhjAF4wAeAEQBowACvwDK-cgC4wAJRIBDBgBJKAWyLUSVPD35CwwgHwjd3YwEsAzkVl46AC0kAxAK5UGp6voAUqMGGWyiYTxrEgAVOAEAJzgic0lPc2C8EkkAeQAjACt6PH5EKiiYuLAFblMoKE5S8srqis5jAUM9Jv5ufQBKdn0W3h8-ALLLaztwwtj4gBMLKxt7MCHZuzyEAuiJkrL6utqtysbm4VaFzu6FoX7lEkiAcxJx4qonFjAAHzAANzhTSb7fGLw7io5gA-JIAN5EJyREhgsDpOBwGByKj8BCmPC2GRQOEIpEogC+qC6bB6njocFU6k0knIMFk5nMnHIp1JFHpjM4MnkeCUlLUtE02k2NSqewabWOR0O+n0AG50IRSBRqLQGMwYEEQsjGewuLojpK2jMRvNnK5AR5vL5-IEkmEIutigl7WksjkVmsipIdmLRQcjKyeobLoMTXMxk6puG7JJFqbPQ8feLfQGWkHzn8-Nc7kmwE8Xu8vj8swCgaCIVCYbjEcjZKiwOjMdia-j60SSWSKVTBXh4kQo4JO2B6wRh3SGUzuYoVAKNFpi78RdtxWnpfxF7KFaglWRKDQcgBZHMkSZ64UGsSSae82fUrR8QQiQ6NfiHszDOaOFxuK2hu0hJG3pgC6IRutkDCJoOvqpm+xztMOIY2mGn6jI6wGeNMqHzPGcxQcBMGrnBzQIWcJhZlctz3IOoHJHmhpgFhSy2Hm5FgPkeaEf6xFtBm76lkQlrAnCkLQrCkh4nWDZNliJA4hJtaEsSZzkvy960hyTIsuOmlcnIM5qb2wqwWA74yvKirEHuqpHiekxaskOrmOeBqvqZH7Md+FpAl4-4OQ6ea0SkYAZBBuTsasnFEe5GZIQMRC4WhgVMaacYxrY+EbCZZnDuRlwnoFiQhPRugpXMrG6Bx0HRTlZz8f0ZbUBWYCidWClttJGKyfJ8KKe2ylsqpPbzv2g4CMOo46ZOek8nyw1Cou-DZccm4WTuVkqgeDAAHJwP556PpeFDXvpt6GfOF7PkaCzpV5v5UL5vjIQByRARsBasEW3y-P0z2JbYb3OmVsY3dhmXFFx9RpqRbJ5U92ZUXmH1vJ831Zv8gnliJVbib1HVol1LbtVJRK+MOQ1zjS7LTdpZwTpyN5zZTD5LdFJjmduu6bWqeC7f5DlOS513-XdQmPU9tr+YDkjI19Ja-fF-3SyBwM4el4PJtx5wZnDEsFYOsuo-L8ONcJlZia2UkE82cmW0pZMqd2zOjcB41nJNdO6Yzd5GYty77JKzSrZzG37jz-0HToIhXtIp1M-el16C+xrYaLPnWvFUvoRsQXgR6EVellKbF1r4Kq2l2EEi+JGxRcf3pcrhuLfliMG88n1Gz9GNCc1rW45JKLW91dv9eTTvqdTnK02y9NTnHPsXY+kMBy15eg8xVeBs+a1c2HOT-f5gscBKvTr6lYDmvd4uS-ayu5yF7qQQXUWiiZZe3Wfcyb+miF14rDfZ0eO3FGzcbT62Ak3NGDVMZNWxhbYmg9GyE1tgg0ejtzpU08AOV2E0qBjk9tNb2GCFxo39n6KG-B36p0-nYb+65O5bkssqPeDBuByVkM8PAkcnx6BjkQ+aLMeEGBTp5C+P4xaeE7P0CmE9Z7MgzHI-hzNjLRSoaI-6dDGHrWYTZVh7DOGHxILqDgkjuj9AaF4cevYXYbDdmyD2M8vbz2IZwP2b816XyEt-YO6BJj0HpDCPwcBJjPDIAAchhDyAAtDCEJAAPMJLV+h+LoAEsgHxZCRDACQOJahIh4GKOCBWFItp9m5jkDUCtfAADJynqhYIYxkVSwC1JYXgY8VFJjNNabo9pdlGnmG6XU3me17RDLaXze0AsjGDPhjU4Z-1xm9IPvaJySzSlsKgBwmAeB1nh30TsgZCp4aFA+D8a4J0eRyPBIkOAMI85PzsKYGAkwYRUDhKOKuxywBElJnM1ApgqT5JaiUnmBIwBQGiMoMAETToxNPE4BJIdlQAFVzDXD1EU3wPwZZOGUOka4WYnDosiFQWQVxJCJEiKYKgNxUBEm0WQNF1x9ocCxWAYlFywDMsiPSphZBGBEBemQNl-ROWREkDy-yfLGVgEFUQB4mKxUkslSSmVUBxFAjlUKrBg55UPC6OymEeBoRUC4MMB6kInQADpxW2pJWSq4BJODAAtRZBlJTEjDNPPKvUoKciSM8PKjo3z4aoE9VwgIRBzxtJ9UKsAwALJAA

WTF?

Не вижу ошибки.

мне кажется я понял в чем моя ошибка)

https://flowtype.org/try/#0PQKgBAAgZgNg9gdzCYAoVpK0ctAXATwAcBTMAYTgDsqSBjPAQRhjAF4wAeAEQBowACvwDK-cgC4wAJRIBDBgBJKAWyLUSVPD35CwwgHwjd3YwEsAzkVl46AC0kAxAK5UGp6voAUqMGGWyiYTxrEgAVOAEAJzgic0lPc2C8EkkAeQAjACt6PH5EKiiYuLAFblMoKE5S8srqis5jAUM9Jv5ufQBKdn0W3h8-ALLLaztwwtj4gBMLKxt7MCHZuzyEAuiJkrL6utqtysbm4VaFzu6FoX7lEkiAcxJx4qonFjAAHzAANzhTSb7fGLw7io5gA-JIAN5EJyREhgsDpOBwGByKj8BCmPC2GRQOEIpEogC+qC6bB6njocFU6k0knIMFk5nMnHIp1JFHpjM4MnkeCUlLUtE02k2NSqewabWOR0O+n0AG50IRSBRqLQGMwYEEQsjGewuLojpK2jMRvNnK5AR5vL5-IEkmEIutigl7WksjkVmsipIdmLRQcjKyeobLoMTXMxk6puG7JJFqbPQ8feLfQGWkHzn8-Nc7kmwE8Xu8vj8swCgaCIVCYbjEcjZKiwOjMdia-j60SSWSKVTBXh4kQo4JO2B6wRh3SGUzuYoVAKNFpi78RdtxWnpfxF7KFaglWRKDQcgBZHMkSZ64UGsSSae82fUrR8QQiQ6NfiHszDOaOFxuK2hu0hJG3pgC6IRutkDCJoOvqpm+xztMOIY2mGn6jI6wGeNMqHzPGcxQcBMGrnBzQIWcJhZlctz3IOoHJHmhpgFhSy2Hm5FgPkeaEf6xFtBm76lkQlrAnCkLQrCkh4nWDZNliJA4hJtaEsSZzkvy960hyTIsuOmlcnIM5qb2wqwWA74yvKirEHuqpHiekxaskOrmOeBqvqZH7Md+FpAl4-4OQ6ea0SkYAZBBuTsasnFEe5GZIQMRC4WhgVMaacYxrY+EbCZZnDuRlwnoFiQhPRugpXMrG6Bx0HRTlZz8f0ZbUBWYCidWClttJGKyfJ8KKe2ylsqpPbzv2g4CMOo46ZOek8nyw1Cou-DZccm4WTuVkqgeDAAHJwP556PpeFDXvpt6GfOF7PkaCzpV5v5UL5vjIQByRARsBasEW3y-P0z2JbYb3OmVsY3dhmXFFx9RpqRbJ5U92ZUXmH1vJ831Zv8gnliJVbib1HVol1LbtVJRK+MOQ1zjS7LTdpZwTpyN5zZTD5LdFJjmduu6bWqeC7f5DlOS513-XdQmPU9tr+YDkjI19Ja-fF-3SyBwM4el4PJtx5wZnDEsFYOsuo-L8ONcJlZia2UkE82cmW0pZMqd2zOjcB41nJNdO6Yzd5GYty77JKzSrZzG37jz-0HToIhXtIp1M-el16C+xrYaLPnWvFUvoRsQXgR6EVellKbF1r4Kq2l2EEi+JGxRcf3pcrhuLfliMG88n1Gz9GNCc1rW45JKLW91dv9eTTvqdTnK02y9NTnHPsXY+kMBy15eg8xVeBs+a1c2HOT-f5gscBKvTr6lYDmvd4uS-ayu5yF7qQQXUWiiZZe3Wfcyb+miF14rDfZ0eO3FGzcbT62Ak3NGDVMZNWxhbYmg9GyE1tgg0ejtzpU08AOV2E0qBjk9tNb2GCFxo39n6KG-B36p0-nYb+65O5bkssqPeDBuByVkM8PAkcnx6BjkQ+aLMeEGBTp5C+P4xaeE7P0CmE9Z7MgzHI-hzNjLRSoaI-6dDGHrWYTZVh7DOGHxILqDgkjuj9AaF4cevYXYbDdmyD2M8vbz2IZwP2b816XyEt-YO6BJj0HpDCPwcBJjPDIAAchhDyAAtDCEJAAPMJLV+h+LoAEsgHxZCRDACQOJahIh4GKOCBWFItp9m5jkDUCtfAADJynqhYIYxkVSwC1JYXgY8VFJjNNabo9pdlGnmG6XU3me17RDLaXze0AsjGDPhjU4Z-1xm9IPvaJySzSlsKgBwmAeB1nh30TsgZCp4aFA+D8a4J0eRyPBIkOAMI85PzsKYGAkwYRUDhKOKuxywBElJnM1ApgqT5NjjyShKoBE-LAFAaIygwARNOmEhUgK8lcPBCUnmBIoUwrhZEhgMTTxOASSHZUABVcw1w9RFN8D8GWThlDpGuFmJw5LIhUFkFcSQiRIimCoDcVARJtFkDJdcfaHAqVgGZRcsAwrIj8qYWQRgRAXpkDFf0SVkRJAyv8nKwVYBFVEAeJStVLLNUsp1akyceqlXZLickKgkxnI3gAHQLwWqQ-VDwNzfR6OKsAby-GRFMb63wMI8DQioFwYYD1wSYgsE67BsQnXqqTSytlVwCScGAFGiyT1fnNNQFAcRQJM630AfffV-kui+tDeGpJcz1W0pYL9AkCoBUlMSMM08+q9TopyJ4G+gFAEdE8Pqjo3z4aoHbVwgIRBzxtK7da4AFkgA

неа, не работает

https://github.com/flowtype/flow-typed/pull/96#issuecomment-219204578

$Diff doesn't quite work to subtract Objects. It basically doesn't throw any errors.

гуано, в общем

я ж скидывал пример

а в TS работает?

а в flow можно как-то взять тип возвращаемого значения функции?

а в TS работает?

это типизированный стейт, но ему все равно какой компонент подключается

не, мне важно, чтобы где-то была ошибка

плевать, место вызова компонента это, или connect

по логике должно быть место вызова компонента, но этого нет

не, мне важно, чтобы где-то была ошибка

я к тому, что твою проблему я не решал)

так а как ты проверяешь, что компонент получил нужные данные?

я этого не проверяю, у нас там ошибок как-то нет

збс)

connect и компонент лежат рядом

легко проверить, что все ок

вообще в теории это можно сделать, сейчас подумаю

а если редьюсер и экшн-криейторы рядом лежат - их тоже легко проверить?

двойные стандарты)

это так и надо называть - мы это не можем проверить

а если редьюсер и экшн-криейторы рядом лежат - их тоже легко проверить?

ну, да, а ты про что именно?

есть экшн, редьюсер должен его обработать. нафиг типы писать, когда они рядом лежат?)

вообще, у нас все внутри проекта рядом лежит)))

есть экшн, редьюсер должен его обработать. нафиг типы писать, когда они рядом лежат?)

connect у нас очень простой

рядом = в одном файле :)

а какая разница? ты же его в другом файле вызываешь

ну, просто типичный файл type Props = { ... } ... connect(state => ({smth: state.some.path.to.smth}))(App)

короче, у нас не было с этим проблем

что значит не было проблем?))

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

стой, ты не знаешь, зачем ты типизируешь?

не, я знаю

и именно поэтому хочу чтобы в этом месте у меня тоже было типизировано

вот у тебя есть компонент, ну хз, который список юзеров выводит

у него есть users: User[]

ты где-то его вызываешь и не передаешь юзеров, ты ожидаешь ошибку?

я понимаю о чем ты, да, было бы круто еще и это типизировать

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

ну это такая себя отмазка)

если ты редьюсер захочешь отрефакторить, как ты найдешь все, что его использует?)

особенно, если у тебя есть код вида: ({foo, bar}: AppState) => ({foo, bar})

или экшн поменял интерфейс, а где-то, куда прокидывал - забыл

вот у меня такое прям сейчас было, флоу насрать. думаю тс тоже(

если ты редьюсер захочешь отрефакторить, как ты найдешь все, что его использует?)

вот здесь как раз спасает типизация стейта

т.е. если я пишу state => state.some.unknown.path, то получаю ошибку

эм)

Дениел говорил они там придумали как помочь миддлвары типизировать кстати

экшн криейтор принимает ?string, стал string. в компоненте ты сделаешь foo(null) и flow тебе ничего не скажет

экшн криейтор принимает ?string, стал string. в компоненте ты сделаешь foo(null) и flow тебе ничего не скажет

почему это

потому что connect не типизирован

а ты Props у компонента не описываешь? О.о

так я тебе про то и говорю))

вот у тебя в Props останется ?string

и flow не покажет несовместимости

ERROR: S client not available

стоп

typeof же

type Props = { someActionCreator: typeof someActionCreator }

немного многословно

* это у меня экран грязный(

гм, можно и так

но это такое себе

но это такое себе

https://www.typescriptlang.org/play/index.html#src=%0D%0Atype%20MapStateToProps%3CT%3E%20%3D%20%7B%0D%0A%20%20%20%20(state%3A%20any)%3A%20T%0D%0A%7D%0D%0A%0D%0Atype%20Component%3CP%3E%20%3D%20%7B%0D%0A%20%20%20%20props%3A%20P%3B%0D%0A%7D%0D%0A%0D%0Afunction%20connect%3CT%2C%20P%20extends%20T%3E(mapStateToProps%3A%20MapStateToProps%3CT%3E%2C%20component%3A%20Component%3CP%3E)%3A%20Component%3CP%3E%20%7B%0D%0A%20%20%20%20const%20props%20%3D%20mapStateToProps(%7B%7D)%3B%0D%0A%20%20%20%20return%20component%3B%0D%0A%7D%0D%0A%0D%0Atype%20Props%20%3D%20%7B%0D%0A%20%20%20%20a%3A%20number%3B%0D%0A%20%20%20%20b%3A%20string%3B%0D%0A%7D%0D%0A%0D%0Aconst%20component%3A%20Component%3CProps%3E%20%3D%20%7B%0D%0A%20%20%20%20props%3A%20%7B%0D%0A%20%20%20%20%20%20%20%20a%3A%2010%2C%0D%0A%20%20%20%20%20%20%20%20b%3A%20%22%22%0D%0A%20%20%20%20%7D%0D%0A%7D%3B%0D%0A%0D%0Aconst%20mapStateToProps%20%3D%20function(state%3A%20any)%20%7B%0D%0A%20%20%20%20return%20%7B%0D%0A%20%20%20%20%20%20%20%20a%3A%20%22asdi%22%2C%0D%0A%20%20%20%20%20%20%20%20c%3A%20%22%22%0D%0A%20%20%20%20%7D%3B%0D%0A%7D%0D%0A%0D%0Aconnect(mapStateToProps%2C%20component)%3B%0D%0A

type diff нет, поэтому Component<P> :(

но короче чето аналогичное можно во flow впилить

но это такое себе

ну фиг знает, мне кажется удобно

@gusnkt https://gist.github.com/8c41bf4c4f634fb56c3bd47dad9c0bc3 пока только для mapStateToProps, покручу еще для остального

https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/react-redux/react-redux.d.ts#L18 кстати тоже интересное решение

по поводу safeBind правильного решения сделать не удалось, но то что меня устраивает вот http://tinyurl.com/hnxzoh8

до 5 аргументов норм, дальше также как обычный бинд

по поводу safeBind правильного решения сделать не удалось, но то что меня устраивает вот http://tinyurl.com/hnxzoh8

ну такое себе

да, не супер, но конкретную задачу решет. Закапываем во вреймврк и всё ок. На самом деле план был сделать без копипасты, но пока не удалсь

как flow объяснить: handleChange(event: SyntheticEvent) { this.props.onAttachments( Array.from(event.target.files) ); }

27: Array.from(event.target.files) ^^^^^ property `files`. Property not found in 27: Array.from(event.target.files) ^^^^^^^^^^^^ EventTarget Found 1 error

а точно SyntheticEvent?

так а он и не знает))

кто не знает? Оо

думаешь он может связать onChange в инпуте и метод в компоненте?)

почему ты написал SyntheticEvent?

и вообще да, может, если onChange property типизирован

render() { const id = 'attachment_button_input'; return ( <button className={styles.button}> <label htmlFor={id} title="attachment"> <Icon glyph="attach_file" className={styles.icon}/> <input id={id} type="file" className={styles.input} onChange={this.handleChange} multiple /> </label> </button> ); }

https://github.com/facebook/flow/pull/2100/files

ну вот, собственно)

type MyEvent = SyntheticEvent & { target: HTMLInputElement }; пока не влили, типизируй сам

угу, прийдется

Как указать необязательный дженерик? Ну то-есть, что б его можно было передавать или нет.