Вообще тот, кто придумал форму import from вместо from import — тот ещё садист

м, а зачем отделять типы от остального?

import { Component, ReactElement } from "react"; не?

правильные тайпинги jquery наконец опубликовали @jquery_ru

хочется import React, { Component }, type { ReactElement } from 'react';

мне не нравится

> @mkusher м, а зачем отделять типы от остального?

иначе нельзя коспилировать

*компилировать

иначе нельзя коспилировать

от слова косплей

Но ему ж нужно скомпилиться в какой-то файл, или нет?

allowJs должен по зависимостям в том числе js подтягивать и копировать в итоговую директорию, так что скорее всего перетащится всё, что нужно для тестов

Ок, буду пробовать

Flow и PostCSS затащили в WebStorm https://blog.jetbrains.com/webstorm/2016/08/webstorm-2016-3-early-access-preview/

Кстати, я не въехал как быть с импортом css

TS ругается на это

Кстати, я не въехал как быть с импортом css

https://github.com/Quramy/typed-css-modules

видел

это действительно решение?

Кстати, я не въехал как быть с импортом css

В 2.0 можно же вот так делать declare module '*.css';

typed css modules тоже норм решение.

Кто-то пользуется в vscode расширением eslint? он не хочет линтить файлы в дот папках

И правильно делает

Что там линтить, там же одна конфигурация

Что там линтить, там же одна конфигурация

Ну как... У меня там галпфайл и таски

Ну как... У меня там галпфайл и таски

Не, в этих папках должно быть то, что вообще не имеет отношения к проекту напрямую, для этого и игнорируется gulp tasks можно класть просто в папку gulp, кто распиливает gulpfile на части обычно делает так

Не, в этих папках должно быть то, что вообще не имеет отношения к проекту напрямую, для этого и игнорируется gulp tasks можно класть просто в папку gulp, кто распиливает gulpfile на части обычно делает так

Эт не моя воля, куда что класть, но ок

Ну просто их игнорирование - ожидаемое поведение, лично для меня

Папки .xxx во всех редакторах же игнорируются. Если кому-то нравится туда класть код, то это колхоз.

@izatop https://github.com/Microsoft/TypeScript/issues/5863#issuecomment-242782664

Папки .xxx во всех редакторах же игнорируются. Если кому-то нравится туда класть код, то это колхоз.

Историческая ошибка

https://plus.google.com/+RobPikeTheHuman/posts/R58WgWwN9jp

Отступы в JavaScript-коде. Кто что использует? 2 пробела – 132 ??????? 56% Tab – 65 ??? 28% 4 пробела – 35 ?? 15% Другое – 3 ▫️ 1% ? 235 people voted so far.

"Редактор, который умеет читать .eslintrc с описаниями код стайла"

"Редактор, который умеет читать .eslintrc с описаниями код стайла"

.editorconfig может?

.editorconfig может?

ну вообще любой файл, который поддерживает редактор. мой читает .eslintrc

.editorconfig может?

ну там только самое общее, .eslintrc все равно нужен

"Редактор, который умеет читать .eslintrc с описаниями код стайла"

=)

https://github.com/superpowers/superpowers-core какая штука на ts

Парни, в @react_js общий сбор - решаем судьбу React-приложений на следующие 12 месяцев :)

O.o

Парни, в @react_js общий сбор - решаем судьбу React-приложений на следующие 12 месяцев :)

лол. тебе на выборы надо

как расширить внешний нэймспейс? import tape = require('tape') declare module 'tape' { namespace tape { export let newprop: boolean } } export = require('tape') Выдает ошибку node_modules/@types/tape/index.d.ts(45,49): error TS2305: Module ''tape'.tape' has no exported member 'TestCase'. node_modules/@types/tape/index.d.ts(50,49): error TS2305: Module ''tape'.tape' has no exported member 'TestCase'. node_modules/@types/tape/index.d.ts(60,46): error TS2305: Module ''tape'.tape' has no exported member 'StreamOptions'. node_modules/@types/tape/index.d.ts(68,37): error TS2305: Module ''tape'.tape' has no exported member 'TestCase'.

может кто пояснить почему это компилируется? http://goo.gl/xjvIb1

кому лень смотреть let funcWantA : ((a:A) => void) = (b:B) => alert(b.propB);

Переменная имеет тип (a:A) => void, т.е. функции, возвращающей void

Что не так?)

то что я могу запихнуть туда функцию которая ожидает параметр несовместимого типа

и потом успешно передать его и получить фейл в рантайме

потому что тайпскрипт - говно

https://flowtype.org/try/#0PQKgBAAgZgNg9gdzCYAoVBjGBDAzrsAQTAG9UwKwAHAJzisIC4A7AVwFsAjAUxoG5UAX3RY8BAEJhuADwAu3ZgBMCxMpWp0q4lhx78h6GN1lgorZhgDq2ZrKYAKe9kaEAlGAC8APjAA3OACWiu4eYPacjOIhPthGNLLhAHS09FECqEYmnKyysnDMnmCKcBgcCrKJGDTc2PIAokbs5fYA5Nm5+S2uAu15zInycgDC+fK2hQBEAMrYAJ5gABLcMPATPTl9iflYARgA1oVmFrIB+fbuapRHVjZ29szcSITn3QaoxaVNtomccIqziWwVCoCkUQwAFgEYIpwht8t0gA

> Mike и потом успешно передать его и получить фейл в рантайме в этом вся суть тайпскрипта

то что я могу запихнуть туда функцию которая ожидает параметр несовместимого типа

Эээ а почему он несовместимый?

потому что функция ожидает наследника, а передаём предка.

http://goo.gl/xjvIb1 зайди, запусти и получишь undefined в рантайме

Ты сам привёл к более общему типу же

я ничего не приводил. По умолчанию он считает их приводимыми

что неверно вообще-то

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

Ты сам привёл к более общему типу же

ты же не можешь написать let b:B = new A()

что неверно вообще-то

Твоя запись просто сама себе противоречит, в этом всё дело. тут нет правильного варианта изначально

это сокращённый пример

явно показывающий косяк

В объявлении слева стоит что можно передать тип A, вот мы его и передаем

а фигли он присваивает то туда?

B extend A

ща

B extend A означает что B отвечает типу A, ругаться не на что.

A означает что B отвечает типу A, но не наоборот!

Если стереть extend или бессмысленную запись a:A то все подчеркивается

A означает что B отвечает типу A, но не наоборот!

Да, но ты перезаписал это объявление своим

я не использовал <> или as

Сотри свой A, если его нельзя принимать, что он там дделает тогда вообще?))

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

> @ZeroBias Ты обявляешь о том, что можно передавать тип, и когда тебе никто не мешает его передать ты почему то удивляешься)) тайп чекер и должен находить ошибки, не?

я не использовал <> или as

Тебе не кажется странным, что все нормально работает если стререть ((a:A) => void)

> @ZeroBias Ты обявляешь о том, что можно передавать тип, и когда тебе никто не мешает его передать ты почему то удивляешься)) тайп чекер и должен находить ошибки, не?

Он нашел и заткнулся, потому что программисту лучше видно)

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

Блин

вот пример более явный http://goo.gl/QAKcxp

https://www.typescriptlang.org/play/index.html#src=class%20A%20%7B%0D%0A%20%20%20%20public%20propA%3Anumber%20%3D%2010%3B%0D%0A%7D%0D%0A%0D%0Aclass%20B%20extends%20A%20%7B%0D%0A%20%20%20%20public%20propB%3Anumber%20%3D%2015%3B%0D%0A%7D%0D%0A%0D%0Alet%20funcWantA%3A((a%3AA)%20%3D%3E%20void)%20%3D%20(b%3AB)%20%3D%3E%20alert(b.propB)%3B%0D%0A%0D%0Alet%20button%20%3D%20document.createElement('button')%3B%0D%0Abutton.textContent%20%3D%20%22Say%20Hello%22%3B%0D%0Abutton.onclick%20%3D%20function()%20%7B%0D%0A%20%20%20%20funcWantA(new%20A())%3B%0D%0A%7D%0D%0A%0D%0Adocument.body.appendChild(button)%3B Ошибка

https://www.typescriptlang.org/play/index.html#src=class%20A%20%7B%0D%0A%20%20%20%20public%20propA%3Anumber%20%3D%2010%3B%0D%0A%7D%0D%0A%0D%0Aclass%20B%20%7B%0D%0A%20%20%20%20public%20propB%3Anumber%20%3D%2015%3B%0D%0A%7D%0D%0A%0D%0Alet%20funcWantA%3A((a%3AA)%20%3D%3E%20void)%20%3D%20(b%3AB)%20%3D%3E%20alert(b.propB)%3B%0D%0A%0D%0Alet%20button%20%3D%20document.createElement('button')%3B%0D%0Abutton.textContent%20%3D%20%22Say%20Hello%22%3B%0D%0Abutton.onclick%20%3D%20function()%20%7B%0D%0A%20%20%20%20funcWantA(new%20A())%3B%0D%0A%7D%0D%0A%0D%0Adocument.body.appendChild(button)%3B

ошибка

только ошибка и там и там

вопрос именно в наследовании и то что когда функция хочет наследника ей можно скормить предка

только ошибка и там и там

Вы же только что говорили, что он ничего не находит?!?

вот пример более явный http://goo.gl/QAKcxp

Ачуметь

Вот это жесть

ошибка есть, но ts не находит

ошибка есть, но ts не находит

А в моих примерах что?

тоже самое?

А открыть?

А в моих примерах что?

а в твоих примерах другой кейс