Где можно найти демо проект на ангуле 2? Что бы была настроена сборка, тестирование. Что б все по взрослому и готово для разработки под продакшн?

ты эту ссылку и скинул

Да, оно, ее и бери)

Т.е. та штукатень типа yeoman? Даст подготовленный проект?

Да

А внутрях сборка проекта на галпе? Или утилитка от ангуляра?

Там webpack2

ага. webpack - альтернатива галпу... ок.

нет

эмм...!?

Но собирает в один бандл, а я бы хотел вынести @angular/... отдельно, стандартно нет похоже возможности, поправил в исходниках конфиг вебпака - все ок, но сборка с aot не получается(

Где можно найти демо проект на ангуле 2? Что бы была настроена сборка, тестирование. Что б все по взрослому и готово для разработки под продакшн?

https://github.com/AngularClass/angular2-webpack-starter

Спасибо

http://blog.mgechev.com/posts/ много интересного в том числе примеры с ssr и aot

https://github.com/AngularClass/angular2-webpack-starter

использую в продакшене

https://github.com/AngularClass/angular2-webpack-starter

Но она без aot?

без

https://github.com/mgechev/angular2-ngc-rollup-build aot и tree shaking

https://github.com/mgechev/angular2-ngc-rollup-build aot и tree shaking

почему не генерит 1 бандл

не ясно

что значит не генерит?

После сборки там почемуто еще раздельно systemjs и reflect

в angular 2 как то можно вызвать модальное окно подгрузив разметку после клика ? например сейчас использую https://github.com/dougludlow/ng2-bs3-modal#example-usage и там разметка как я понял уже изначально должна быть...

в angular 2 как то можно вызвать модальное окно подгрузив разметку после клика ? например сейчас использую https://github.com/dougludlow/ng2-bs3-modal#example-usage и там разметка как я понял уже изначально должна быть...

А зачем разметка после клика? (вообще подгрузка именно разметки не самая лучшая идея ибо потеряете AOT компиляцию шаблонов. Если хотите компонент внутри popup подгрузить позже - то можно это разрулить c помощью Router Lazy Loading

После сборки там почемуто еще раздельно systemjs и reflect

Потому что они подключены в index.html, можно их вклеить в бандл

я только изучаю Angular ... хочу сделать как на https://www.facebook.com/ - там кликаешь создать группу и содержимое окно подгружается через какое то время ...

я только изучаю Angular ... хочу сделать как на https://www.facebook.com/ - там кликаешь создать группу и содержимое окно подгружается через какое то время ...

почтай про LazyLoading - это именно то что тебе нужно. Он есть и в Angular CLI и в https://github.com/AngularClass/angular2-webpack-starter

я только изучаю Angular ... хочу сделать как на https://www.facebook.com/ - там кликаешь создать группу и содержимое окно подгружается через какое то время ...

https://angular.io/docs/ts/latest/guide/router.html#!#milestone-6-asynchronous-routing

почтай про LazyLoading - это именно то что тебе нужно. Он есть и в Angular CLI и в https://github.com/AngularClass/angular2-webpack-starter

Поддерживается кстати в SystemJS?

Поддерживается кстати в SystemJS?

да - LazyLoading - это фишка NG2 Router Компонента - так что можно настроить хоть с AMD

фишка в том, что бы отделился чанк от основного)

но наверное выше говорил, что бы подгружать отдельные компоненты ассинхронно, когда они нужны, в React можно это сделать

Спасибо, посмотрю ...

но наверное выше говорил, что бы подгружать отдельные компоненты ассинхронно, когда они нужны, в React можно это сделать

в Angular 2 тоже можно так делать - но если так делать в Angular 2 то потеряешь очень крутую фишку AOT шаблонов

в Angular 2 тоже можно так делать - но если так делать в Angular 2 то потеряешь очень крутую фишку AOT шаблонов

нужно будет наверное почитать, что именно делает AOT, что это ег оможет так ломать, так как обычная компиляция по типу jsx не ломало бы)

нужно будет наверное почитать, что именно делает AOT, что это ег оможет так ломать, так как обычная компиляция по типу jsx не ломало бы)

jsx не умеет AOT даже близко (React об этом пока может только мечтать) АOT превращаеть вот это <div *ngIf="test">{{ bla }}</div> вот в это var div1 = renderer.createElement('div'); if (test) { var text = renderer.createTextElement(bla); div1.appendElement(text); } Те кто увлекался оптимизацией всего и вся знают насколько это быстрее

т.е. без абстракций просто в шаблонах правится на прямую DOM?

тогда да, реакт так не может, он может где то там внутри все это делать0

angular compiler из компонента и его шаблона генерирует файл component.ngfactory.ts

Ну в реакт через константы только со статичным html можно подобное сделать. Там идеалогия другая. Все ждут веб-компоненты.

Реально сделать вот так { path: '', loadChildren: './components/home/home.module#HomeModule' } { path: '', loadChildren: './components/header/header.module#HeaderModule' } { path: '', loadChildren: './components/footer/footer.module#FooterModule' }Фишка что футер хедер и прочие подули были lazy и подкгружались в корневой роут ' ' в каждом таком моделе делаю const routes: Routes = [ { path: '', outlet: 'header', component: HomeComponent }, ]outlet для того чтоб потом в app.component.html показать куда кокретно грузить через <router-outlet name="header"></router-outlet> Но что то не получаеться, в общем, подкажите реально ли сделать lazy модули которые грузяться в корневой роут ?

jsx не умеет AOT даже близко (React об этом пока может только мечтать) АOT превращаеть вот это <div *ngIf="test">{{ bla }}</div> вот в это var div1 = renderer.createElement('div'); if (test) { var text = renderer.createTextElement(bla); div1.appendElement(text); } Те кто увлекался оптимизацией всего и вся знают насколько это быстрее

Ждем от тебя статей на эту тему:)

Ждем от тебя статей на эту тему:)

После highload (там как раз буду об и об этом рассказывать)

Он ж вроде был уже?

т.е. без абстракций просто в шаблонах правится на прямую DOM?

Через абстракцию. И с чем по вашему virtual dom работает?

8 ноября же

Ааа, я думал октября

Покуда реакт тему подняли, буду начинать один проект и у меня есть выбор на чем делать. Пробовать реакт или на ангуляре (бо я ангуляр чуть-чуть уже знаю а на реакте только hello world)? И еще, кажись это не spa будет

Реально сделать вот так { path: '', loadChildren: './components/home/home.module#HomeModule' } { path: '', loadChildren: './components/header/header.module#HeaderModule' } { path: '', loadChildren: './components/footer/footer.module#FooterModule' }Фишка что футер хедер и прочие подули были lazy и подкгружались в корневой роут ' ' в каждом таком моделе делаю const routes: Routes = [ { path: '', outlet: 'header', component: HomeComponent }, ]outlet для того чтоб потом в app.component.html показать куда кокретно грузить через <router-outlet name="header"></router-outlet> Но что то не получаеться, в общем, подкажите реально ли сделать lazy модули которые грузяться в корневой роут ?

Тебе нужно чтобы корневой загрузился всегда а его child модули грузились опционально? Чем пользуешься? Angular Cli?

Покуда реакт тему подняли, буду начинать один проект и у меня есть выбор на чем делать. Пробовать реакт или на ангуляре (бо я ангуляр чуть-чуть уже знаю а на реакте только hello world)? И еще, кажись это не spa будет

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

Тебе нужно чтобы корневой загрузился всегда а его child модули грузились опционально? Чем пользуешься? Angular Cli?

Вот кусок моих роутов ` { path: '', loadChildren: './components/home/home.module#HomeModule' }, { path: 'about', loadChildren: './components/about/about.module#AboutModule' }, ` Есть хедер, он подключаеться как компонент в главном app.module и стало интересно, если сделаю его модуль, впишу в конфиш роутеров что то типа такого { path: '', loadChildren: './components/header/header.module#HeaderModule' } то наверное сделает чанк, и он подгрузится lazy а не будет в главном бандле. Но что то не выходит. Мне на самом деле на хедер пофиг а вот есть асайд и чат по обе стороны приложухи и они всегда есть, вот бы их вынести в lazy

не CLI

Вот кусок моих роутов ` { path: '', loadChildren: './components/home/home.module#HomeModule' }, { path: 'about', loadChildren: './components/about/about.module#AboutModule' }, ` Есть хедер, он подключаеться как компонент в главном app.module и стало интересно, если сделаю его модуль, впишу в конфиш роутеров что то типа такого { path: '', loadChildren: './components/header/header.module#HeaderModule' } то наверное сделает чанк, и он подгрузится lazy а не будет в главном бандле. Но что то не выходит. Мне на самом деле на хедер пофиг а вот есть асайд и чат по обе стороны приложухи и они всегда есть, вот бы их вынести в lazy

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

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

тут больше вопрос стоит ли учить реакт)и не могу представить не spa angular2 сайт

тут больше вопрос стоит ли учить реакт)и не могу представить не spa angular2 сайт

https://github.com/angular/universal-starter

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

{ path: '', loadChildren: './components/home/home.module#HomeModule' } Вот этот модуль норм грузит, но как пробую добавить еще подобные с таким же путем ночинаеться танцы с бубном :)

{ path: '', loadChildren: './components/home/home.module#HomeModule' } Вот этот модуль норм грузит, но как пробую добавить еще подобные с таким же путем ночинаеться танцы с бубном :)

так оберни их всех в компонент и его грузи лениво

так оберни их всех в компонент и его грузи лениво

Тоесть сделать модуль в который подключаю подуль чата и асайда а тот уже модуль делаю в роуте как lazy ?

Тоесть сделать модуль в который подключаю подуль чата и асайда а тот уже модуль делаю в роуте как lazy ?

да

хмм, спасибо за идею щас буду пробовать

Кажись получилось с врапером ` const routes: Routes = [ { path: '', outlet: 'aside', component: AsideComponent }, { path: '', outlet: 'chat', component: ChatComponent } ] `

Вот только отвалились routerLink в асайде

Кажись получилось с врапером ` const routes: Routes = [ { path: '', outlet: 'aside', component: AsideComponent }, { path: '', outlet: 'chat', component: ChatComponent } ] `

круто, с routerLink пока не помогу (опять-же только вечером смогу посмотреть) пока можно напрямую захордкодить url в href

outlet: 'aside', - а это как должно использовать в html?

круто, с routerLink пока не помогу (опять-же только вечером смогу посмотреть) пока можно напрямую захордкодить url в href

я попробовал через инспектор добавить href и перейти, но сработал не роут ангуляра а html-a что ли, короче оно перешло но обновило страницу а потом те модули что во врапере обвалались

я попробовал через инспектор добавить href и перейти, но сработал не роут ангуляра а html-a что ли, короче оно перешло но обновило страницу а потом те модули что во врапере обвалались

Ну да логично :/ ибо href на сервер идет

outlet: 'aside', - а это как должно использовать в html?

<router-outlet name="aside"></router-outlet> чтоб сказать куда рендерить а иначе но покажеться в главном <router-outlet></router-outlet>

есть нод бэкендеры?

кто может помочь советом по деплою)

Нод бэд

Гг

?

?

вам сюда https://telegram.me/nodejs_ru

вам сюда https://telegram.me/nodejs_ru

спасибо)

кто нибудь юзал ng2-charts?

@Ai_boy а не подскажешь ресурсов по оптимизации фронта?

Всем привет, а кто-нибудь заводил angular-cli с докером?

не хочет вочить файлы а флага polling я что-то не вижу

https://github.com/qdouble/angular-webpack2-starter wepback 2, aot, ssr, hmr, ngrx

кто нибудь юзал ng2-charts?

вот почему люди D3 не любят ? :)

@Ai_boy а не подскажешь ресурсов по оптимизации фронта?

Начать можно с этого https://github.com/mgechev/angular-performance-checklist

вот почему люди D3 не любят ? :)

а почему его надо любить?

если человеку нужно график отрисовать

D3 вроде слишком низкоуровневый для этого

а почему его надо любить?

Так он для этого и создан - чтобы его любили и графики рисовали :)

D3 вроде слишком низкоуровневый для этого

Очень готов поспорить :) прям сильно не согласен

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

смотрел на D3, открываю пример графика

http://bl.ocks.org/mbostock/4062085

вижу много императивного кода

зачем?

есть возможность не писать такой код а скормить просто датасет?

это не императивный код, он очень декларотивный https://www.youtube.com/watch?v=WIgXOG49mdI

Декларативным я бы назвал директиву в которую ты передаешь датасет. Когда мы работаем с DOM напрямую постоянно делая select(), append() и attr() это не декларативно в моем представлении