Мы юзаем

кто использует react вместе с ts?

+1

Ребят, переезжаем с grunt на webpack, поэтому будет много вопросов ? 1. Есть у кого примеры репозиториев на github с жирными конфигами для webpack + ts + куча всяких штук, аля генерация и заполнение шаблонов handlebars и т.д. и т.п. 2. ts-loader vs awesome-typescript-loader ?

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

Нет, бабеля у нас нет.

Ребят, переезжаем с grunt на webpack, поэтому будет много вопросов ? 1. Есть у кого примеры репозиториев на github с жирными конфигами для webpack + ts + куча всяких штук, аля генерация и заполнение шаблонов handlebars и т.д. и т.п. 2. ts-loader vs awesome-typescript-loader ?

на счет пункта 2 тут все индивидуально

У нас сейчас нет никаких export / import, а все файлы и директории используют namespace. Это нормально?

ну хз, я бы так не делал

Ребят, переезжаем с grunt на webpack, поэтому будет много вопросов ? 1. Есть у кого примеры репозиториев на github с жирными конфигами для webpack + ts + куча всяких штук, аля генерация и заполнение шаблонов handlebars и т.д. и т.п. 2. ts-loader vs awesome-typescript-loader ?

я вот такой делал https://github.com/AndreyTsvetkov/react-bootstrap-mobx-ts-webpack

Хочу использовать https://github.com/palantir/blueprint но starter kit'ы ругаются при компиляции. Может есть более всежий кит TS+React+React-Router?

есть

yarn init && yarn add react react-dom etc. && mkdir -p src/{components,actions/etc.} && touch src/index.js

ts забыл

ну а так все верно)

Ребят, переезжаем с grunt на webpack, поэтому будет много вопросов ? 1. Есть у кого примеры репозиториев на github с жирными конфигами для webpack + ts + куча всяких штук, аля генерация и заполнение шаблонов handlebars и т.д. и т.п. 2. ts-loader vs awesome-typescript-loader ?

Вот у этих жирные конфиги с коментариями https://github.com/AngularClass/angular2-webpack-starter

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

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

Tree shaking тоже делает?

https://github.com/nolanlawson/rollupify

Ну вебпак прод в tree-shaking тоже пока не оч

Ну вебпак прод в tree-shaking тоже пока не оч

А что там не оч?

А что там не оч?

Одна мелочь — его нет

Webpack 2 всё ещё бета, а первый без tree-shaking

А что с ним? ?

А чем бета плоха?

Много багов? ?

хватает

Если будут breaking changes — придётся переписывать же

Подскажите, как быть: все обернуто неймспейсами, нет точки входа и всяких import / export. Как выделить точку входа для webpack и как вообще собрать?

а как потом ваш код используется?

До этого был grunt и все файлы просто конкатенировались в проде, в деве просто отдельно подключались. Сейчас я всё перевожу на вебпак и пытаюсь с этим разобраться.

Код используется так: неймпейс, в который мы все оборачивались, просто становился объектом в window.

Код используется так: неймпейс, в который мы все оборачивались, просто становился объектом в window.

ээ, типа какой-то мерж в window всего из namespace?

а, оно ж просто его убирает

так и что вы потом с этой горой классов делали в window?

Да никакой не мёрж, typescript же просто создает переменную глобальную.

внешне вызывали то, что нужно: <script> var foo = Namespace.Namespace2.Bar();</script>

ну вот это внешнее и есть точка входа

Я это понимаю, но не понимаю, как сделать так, чтобы всё собиралось

ну и оно должно все импортить)

а зачем вам вебпак?

"зачем вам машина, если дорог нет"

Потом планируется расширение проекта и использование уже модульных библиотек. Поэтому лучше сразу встать на рельсы.

Вопрос: как сделать точку входа и что нужно в неё импортить, если нет экспортов, а есть только неймспейсы.

ну для начала мб сделай точку входа типа import "some/your/module"; import "some/your/other/module"; const foo = Namespace.Namespace2.Bar();

А если сам неймспейс нигде не экспортится, а только открывается?

т.е. все файлы вида: namespace Foo {} — namespace Foo.Bar {}

@mkusher Так можно сделать, в билд всё попадаёт. Но только этих import будет ровно столько, сколько файлов... Это норм разве?

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

https://github.com/nolanlawson/rollupify

ЛОЛ, пробовал им приложение собирать?))

Вот у этих жирные конфиги с коментариями https://github.com/AngularClass/angular2-webpack-starter

я офигеваю с таких бустрапов. После них и появляются статьи, что в вебе все сложно. <!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> </head> <body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello {{yourName}}!</h1> </div> </body> </html> старт-кит для ангуляра первого, для сравнения просто)

ЛОЛ, пробовал им приложение собирать?))

А что с rollup не так

за часик я его не смог прикрутить к библиотеке компонентов с css-модулями и postcss

дело было месяца 2 назад, что-то поменялось?

Ой, для таких проектов только вебпак) Я с rollup либы собираю, чтобы вебпак в проекты не тащить

я офигеваю с таких бустрапов. После них и появляются статьи, что в вебе все сложно. <!doctype html> <html ng-app> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> </head> <body> <div> <label>Name:</label> <input type="text" ng-model="yourName" placeholder="Enter a name here"> <hr> <h1>Hello {{yourName}}!</h1> </div> </body> </html> старт-кит для ангуляра первого, для сравнения просто)

А где легко?

Привет, а подскажите пожалуйста, как нынче дела обстоят с типизацией всяких Immutable.js и подобных?

Раньше что-то вроде myRecord.set(‘foo’, ‘bar’) возвращало Map<string, any>

И это было довольно печально

В общем, поделитесь, пожалуйста, опытом как правильно готовить

В ТС?

Да хоть где

а разве set не возвращает сам инстанс Map?

и как описан Map?

Кто-то из них заругается на myRecord.update(‘someString’, (x: number) => x + 1)?

ERROR: S client not available

Я имеено record’ы хочу :)

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

и так было с начала поддержки мапов

киньте кто-нибудь ссылкой на тайпскриптовый проект - библиотеку реактовых компонент. Посмотреть как сборку делают

https://github.com/palantir/blueprint

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

Так теперь в мастере есть mapped types, теперь прям ваще для immutable.js должно быть хорошо

Или нет? (Я сам это не юзаю)

А когда nightly выйдет с mapped types?

можно из мастера поставить

Но подход ясен, так и сделаю. Спасибо, Сереж

А я кажется криво вопрос задал

С мэпами-то всё ясно и хорошо. Есть, к примеру, users типа Map<UserId, User>, и set, update и тд честно возвращают Map<UserId, User>

По идее в ТС будет скоро

Так теперь в мастере есть mapped types, теперь прям ваще для immutable.js должно быть хорошо

Не, они не нужны для этого

А где-то можно про это почитать?

Лучшее, что мне удалось найти — https://github.com/facebook/immutable-js/issues/341

Но оно какими-то извращениями попахивает

https://github.com/Microsoft/TypeScript/pull/11929

ооо да

это оно самое

Спасибо!

Кто пользуется https://lernajs.io/ ?

Кто-то уже пользовался обжект спредом в ts на реакт проекте?

Ребят, такой вопрос, использую internal modules(namespace). В tsconfig делаю exclude каких-то файлов / директорий. Но если сделать import какого-то исключенного модуля, то он всё равно попадает в сборку. Почему так?:(

уверен?

Да, именно internal modules, когда я делаю не именованный импорт: import './Constants';

Импорт в точку входа, разумеется.

а собираешь вебпаком же?

webpack + ts-loader

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

надо проверить, думаю, что там вообще игнорятся include/exclude