#flow. Допустим, у меня есть type Func1Type = () => void; const func1: Func1Type = () => {}; и type Func2Type = () => Func1Type; const func2: Func2Type = () => {}; (при этом func2 не зависит от func1). Тип Func2Type лучше объявлять в отдельном файле и импортировать в обе функции или же использовать import func1 from './func1'; type Func2Type = () => typeof func1; const func2: Func2Type = () => {}; ?

Кто как тесты под реакт с тайпскриптом пишет?

Как их исключить из сборки приложения, но оставлять рядом с кодом?

Web pack отделяет их от кода

каким образом?

каким образом?

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

Я контекстом билд готовлю

есть мнение что ts-loader будет компилить все, вне зависимости от эксклудов

эм, нет

он компилит только то, что говорит ему webpack

как проверить что если файл не реквайрится, то его ts не компилит?

можно через лоадер подебажить

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

+

еще раз. вопрос не про бандл, а про то будет ли ts эти файлы компилить

что значит компилить?

ts-loader вызывает tsc, тот компилит ts в esX

ну да

не tsc, а через api создает host или компилятор и компилит\

лоадеры работают по маске. ts-loader сработает, когда вебпак увидит подключение файла с соответствующим расширением в дереве ентри поинта

если указан transpileOnly, то он через typescript api просто перегонит содержимое одного файла в нужный target, если не указан, то еще добавит файл в список зависимостей, чтобы потом чекер прогнать

если указан transpileOnly, то он через typescript api просто перегонит содержимое одного файла в нужный target, если не указан, то еще добавит файл в список зависимостей, чтобы потом чекер прогнать

А где этот список зависимостей строится? Это кухня ts-loader, или tsc из коробки так умеет?

ts-loader

tsc только файлы из include/files берет

Тс лодеру пофиг на энтри пойнт

Тс лодеру пофиг на энтри пойнт

?

Тс лодеру пофиг на энтри пойнт

ШТО?

Прошу прощения, на инклуды ему пофиг, которые в тс конфигурации

Прошу прощения, на инклуды ему пофиг, которые в тс конфигурации

Фух, отлегло.

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

а, это да)

но files учитывает

Ребят, а поясните за интерфейсы, они есть во flow или нет (в рамках объявления класса)? Гуляю по issue, инет с перебоями, а как использовать хочется сейчас узнать. export class A implements IModule пишет что implements not supported. Пока так нельзя (в TS вроде все ок с этим, да?)?

В тс работают интерфейсы.

Как задекларировать обязательные методы для класса? Желательно чтобы интерфейс был у родителя. export class Env extends Module {} А у Module как-то прописать методы которые должны быть у его наследников.

любой тип имплементирующий интерфейс берет на себя обязательства реализовать публичный контракт. Все что описано в интерфейсе и не является опциональным должно быть реализовано в типе.

Я может фигню пишу, хочу понять как лучше. Цель описал выше – сделать обязательными некоторые методы у наследников без которых бы валилось. Еще интересно как сделать обязательными статичные свойства у наследников.

тип обязан реализовать или интерфейс который имплементирует или тот контракт который поставляет ему родитель. В родителе можно задать абстрактные свойства и методы, тогда наследник будет обязан их реализовать. можно абстрактный класс юзать для таких целей

В тс работают интерфейсы.

Вопрос-то про флоу был

Оу, не так понял, прошу прощения

:(

хм, а так в ts нельзя ведь пока ?

<D, E = any> мб где-то есть ишью или пр нашел, https://github.com/Microsoft/TypeScript/issues/2175

чет я как-то проворонил вот эту штуку https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript#non-null-assertion-operator

Абсолютно бесполезная вещь

а как по-другому?

if

так там и так ноннул 100%, он просто не может вывести это

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

значит я мб просто не знаю как написать это безопасно, либо это сложнее, чем нужно

Просто if пиши и бросай

Либо сделай одну функцию, которая это делает

просто это добавляет в рантайм, а я уверен что там не нулл

const x = unwrap(maybeX)

Единственный способ быть уверенным - это проверить

если в определении интерфейса (типа) поле nullable, а я знаю, что там не нул приходит

Такого не должно быть в нормальных ситуациях

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

null не нужен

всем нон нуллабл в новом году

?

хм

type ActionFunction2<T1, T2, R> = (t1: T1, t2: T2) => R;

а как тут указать, то t1 nullable? извне export function createAction<Payload, Arg1, Arg2>( actionType: string, payloadCreator: ActionFunction2<Arg1, Arg2, Payload> ): ActionFunction2<Arg1, Arg2, Action<Payload>>;

createAction<Object, string, Blah?> – вот так нельзя, а как по-другому?

| null?

ERROR: S client not available

ой, блин, точно) спасибо, затупил чего-то я

а, ну да, все равно так нельзя

О.о

если не передать ему аргумент, будет ругаться

сек, покажу что я имею ввиду в репле

| undefined

пробовал)

ну вообще да, не работает)

ну придется явно let blahblah = undefined; f(blahblah); )

вообще ты хочешь странных вещей, должен тебе сказать)

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

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

https://github.com/adamcarr/typescript-definition-tester чет не могу понять, чем tsc --noEmit не подходит О.о

даже с mapped types для react-redux все еще нельзя запилить connect, который возвращает нормальный компонент без лишнего?(

Люди, у меня вопрос по использованию react-redux с typescript. Как в typescript корректно прописать метод connect для react-redux? Дело в том, что если я добавляю через mapStateToProps какие-то проперти, то компилятор начинает их требовать в defaultProps компонента. Нужно что б компонент получал какие-то проперти через параметры "стандартным" методом, типа <Component someProp="lalala"> , а какие-то проперти (например, "dispatch") он должен получать из стора при помощи connect. Но если я выдаю dispatch в методе connect, тогда компилятор говорит что в defaultProps никакого dispatch не указано. Как быть?

Как вы вообще прописываете connect?

connect<StateProps, DispatchProps, any>(...)()

connect<StateProps, DispatchProps, any>(...)()

Это понятно. Но как сделать так что б компилятор не ругался что в defaultProps не прописано поле dispatch и другие поля, которые добавляются через connect?

покажи свой коннект лучше

Вот тестовый вариант: interface DefaultDispatchProps { dispatch: Dispatch<SimpleAction>; } interface MappedProps extends Props{ qqq?: number; } const mapStateToProps = (state: StoreStructure, ownProps?: Props): MappedProps => { return assign({}, ownProps, { qqq: 12 }); }; const mapDispatchToProps = (dispatch: Dispatch<SimpleAction>): DefaultDispatchProps => { return { dispatch }; }; export default connect<MappedProps, DefaultDispatchProps, any>( mapStateToProps, mapDispatchToProps )(Table);

И еще, у компонента есть кое-какие обязательные поля. Так вот, компилятор требует что б эти обязательные поля возвращались из connect

Table какие проперти принимает?

interface Props { id: number; type?: TableType; currentSession?: TableSession; lastSession?: TableSession; name?: string; isInPending?: boolean; isDisabled?: boolean; } class Table extends React.Component<MappedProps & DefaultDispatchProps, State> { static defaultProps = { type: 'generic', name: 'No Name', isInPending: false, isDisabled: false };

И вот, компилятор начинает требовать что б я из connect передал, например "id", так как он обязательный

А зачем экстендить mappedprops от props

Ну Props это те параметры, которые должны передаваться при использовании компонента в качестве тега. А MappedProps это они же плюс поля, которые добавляет connect

Сейчас попытаюсь упростить код )

А понял

И еще, у компонента есть кое-какие обязательные поля. Так вот, компилятор требует что б эти обязательные поля возвращались из connect

Так они возвращаются же? Там же assign с ownProps. Или надо спать уже лечь)

Да, возвращаются.