если есть желание помочь, то велкам в слак бабеля, канал #typescript

раз тебе это нужно

там чуваки из тс и бабеля

мб будет чем поделиться и что подсмотреть

еее, PR с фиксом принят!

?

Есть ли какая-то литература о том _как_ писать на ts? т.е не справочник. Хочется поднять уровень.

Есть ли какая-то литература о том _как_ писать на ts? т.е не справочник. Хочется поднять уровень.

https://github.com/Microsoft/TypeScript/wiki/Coding-guidelines

Больше архитектурности интересует. Использование шаблонов проектирования и т.д

У ангуларовцев свой стайлгайд)

Есть ли какая-то литература о том _как_ писать на ts? т.е не справочник. Хочется поднять уровень.

Я читаю Mastering Typescript - Second edition и Typescript: Modern Javascript Development. Немного полезной инфы о паттернах там есть

Больше архитектурности интересует. Использование шаблонов проектирования и т.д

Так шаблон сам и определяет структуру компонентов

Не думаю, что это к языку хоть как-то привязано

Больше архитектурности интересует. Использование шаблонов проектирования и т.д

GOF?

Да, но со своими тонкостями в сторону TS

Вот то что выше, вроде, подходит (это Mastering Typescript - Second edition)

Да какие тонкости?

Принципы все теже

https://github.com/prettier/prettier/pull/915

> Good idea! I'm so used to Facebook model where we only have a single master branch and do all our work from there. using git like a pro

так там одна монорепа

давно известно

удобно(я не знал)

Я кстати как-то с опаской гляжу на то, как взлетает prettier

ну так-то fmt лучше линтера

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

ну они опиньонейтед

Ну так то да

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

В дугу до правого края экрана, добавляя кучу уровней вложенности

const _ = require( 'lodash' ) и прочая непрекращающаяся веселуха

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

нет конечно

У меня чего то не цепляется, где на эту тему почитать можно, не найду

Если у меня выдача исходников происходит веб сервером из директории /dist/, как хром доберется до директории /src/?

вся инфа в сорсмапах

хрому не надо в /src/ ходить

> Good idea! I'm so used to Facebook model where we only have a single master branch and do all our work from there. using git like a pro

Так фб гит не использует

ну похоже на свн, просто они проецируют свой опыт внутри, на гитхаб с гитом

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

Mercurial

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

а кто-нибудь юзает tslint?

Я настроил, поигрался, но пользоваться не стал. В теории классная штука

Есть у кого нибудь рабочий конфиг вебпака чтобы сурс мапы цеплялись и webpack-dev-server работал? уже часа два ковыряюсь, не работает...

Под второй вебпак

Все по оф документации делаю - какие то постоянно странные глюки. Ошибок нормальных не выдает. Как вообще этим пользоваться

Гляньте мой конфиг если не сложно плз http://pastebin.com/W7G3WbRu

Я настроил, поигрался, но пользоваться не стал. В теории классная штука

в теории класно было бы использовать eslint(

Гляньте мой конфиг если не сложно плз http://pastebin.com/W7G3WbRu

попробуй eval-source-map и в tsconfig.json стоят сорсмапы?

а кто-нибудь юзает tslint?

Я юзаю

Не скажу что в восторге

сорсмапы с тсконифг стоят, евал ща попробую

я несколько раз пробовал настроить конфиг и каждый раз чет забиваю

tsfmt пока хватает для одинакового форматирования

eval-source-map не помогает. ошибки вообще очень странные лезут. Как будто не может скомпилировать ts в js (лоадеры глючат)

причем на выходе получается нормальный бандл, с нормальными сорс мапами

убери source-map-loader

я чет его не заметил

убрал, ничего не поменялось. все делаю по оф документации - https://webpack.js.org/guides/webpack-and-typescript/

Там они используют source-map-loader

какие то дикие шаманства... gulp у меня с пол пинка завелся

а тут хрен пойми что творится

ERROR: S client not available

запиши в tsconfig.json: { "compilerOptions": { "sourceMap": true }}

{ "compilerOptions": { "sourceMap": true, "module": "commonjs", "target": "es5" } }

и еще наплодилось миллион процессов ноды... похоже что webpack-dev-server с ума сходит

вообще есть где нибудь готовые конфиги чтобы такой фингей не заниматься? типа react-create-app, чтобы изкоробки все работало? мне многого не надо

тайпскрипт + лайврелодинг + сорсмапы

да у меня как-то заработало вообще без напряга

уже раз 5

последнее на втором вебпаке

а ты какой лоадер используешь? ts-loader или awesome-ts-loader?

ts-loader

можешь конфиг рабочий пошарить?

уже весь вечер бьюсь...

под второй вебпак

сек

под второй вебпак

https://gist.github.com/mkusher/835023596e6903f8e5951a350b2bebb1 вот простой пример

спасибо!

вижу тут ts-loader только для транспиляции, а дальше уже babel собирает

и то, и другое транспилит

если у вас ts сразу в es5 транспилит, то бабел не нужен соответственно

понятно

т.е. все ок работает

круто! попробую ща все с чистого листа сконфигурировать

может где то накосячил

const path = require('path'); module.exports = { entry: './src/index.ts', output: { path: path.resolve(__dirname, 'dist'), filename: 'build.js', library: 'home' }, module: { rules: [ { test: /\.tsx?$/, loader: 'ts-loader', exclude: /node_modules/, }, ] }, resolve: { extensions: [".tsx", ".ts", ".js"] }, watch: true, devtool: "#cheap-module-eval-source-map" };

попробую

@vkurchatkin Ты говорил давненько что тебе не нравится как TS классы компилирует? Я правильно понимаю что речь шла о копировании свойств из прототипа в объект при наследовании при компиляции в es3 и es5?

Уже все не помню, но они как миниму должны быть не enumberable

Привет, чат!

Привет, чат!

Ну привет :)

Ну привет :)

Лол:)