どうも、らこです。
今週は忙しくてミーティングノートの記事が出せませんでしたが、ざっくりと今週の知っておきたいトピックだけを紹介します。
NgTemplateOutletディレクティブが追加されます
次回リリースのBeta.16にて、NgTemplateOutletディレクティブが追加されます。
このディレクティブは、TemplateRefを渡すことで、別の要素にビューを埋め込むことができます。
ngIfやngForのような仕組みを、もっと簡単に活用できるようになります。
@Directive({
selector: [myDir],
template: '<template [ngTemplateOutlet]="currentTplRef"></template>',
directives: [NgTemplateOutlet]
})
class MyDir {
currentTplRef: TemplateRef;
constructor(private currentTplRef: TemplateRef) {}
}
<div *myDir>
This is going to be inserted into myDir.
</div>
<!-- or alternatively -->
<template myDir>
<div>This is going to be inserted into myDir.</div>
</template>
NgSwitchWhenがNgSwitchCaseに変更されます
近いうちに、NgSwitchWhenがリネームされ、NgSwitchCaseになります。
AngularJS時代の名残でしたが、JavaScriptのswitch-case文と一貫性を持とうというモチベーションでリネームされることになりました。
当然ながら古いWhenのコードは動かなくなる破壊的変更なので、心づもりをしておきましょう。
Offline Compileがいよいよ本格的に始動します
@Componentや@Injectなどを事前にコンパイルしておき、起動後の初期化処理を超高速にしようという狙いのOffline Compileがいよいよmasterに投入されます。
簡単にいえば実行時のリフレクションを行わないようにすることが可能になり、
その分実行時に必要なライブラリコードも減ります。
ツリーシェイキングの余地が広がり、Rob WormaldはRollup.jsを使ったビルドでライブラリ本体が45KBを下回ったと報告しています。
Offline Compileは数段階のリリースが行われ、第2段はまた先のバージョンで導入されます。
また、いくつか面白い記事も投稿されているので紹介します
Angular 2 + React Native
Angular公式ブログのゲストエントリー第1弾です。Angular 2でReact Nativeのアプリケーションを作る話です
Angular 2 + Meteor: the Javascript stack of the future
こちらもAngular公式ブログのゲストエントリーです。Angular 2のMeteorのインテグレーションの話です
Angular 2 authentication with Auth0 and NodeJS @toddmotto
我らがTodd Motto先生によるAuth0を使ってAngular 2のアプリケーションで認証を行う話です
Angular 2 Universal: Set up a SEO friendly website - devcross.net
SEOに重きをおいたAngular Universalの記事です
また、先日開催したng-sake #2の発表資料も紹介します。
Angular 2とMVVM (@laco0416)
私の発表資料です。2時間くらいで殴り書いたので雑ですが、MVVMはAngularで目指すものじゃないというのを言いたかっただけです。
Angular2 + Electronでプレゼンテーションツールを作っている (@joe_re)
まさに紹介されているツールでプレゼンしていてかっこよかったです。こういう具体的な活用の発表をもっと聞きたいですね。
SVG Performance with Angular (@Quramy)
SVGの描画という観点でAngular 1とAngular 2、どのくらいパフォーマンスに違いがあるのかという面白い発表です
ng-sake 第2回は驚きの低欠席率(25人中3人)で、部屋が少し窮屈で申し訳なかったです。
来月もやりますのでぜひご参加ください。
次のBeta.16はBetaに入ってから一番と言っていいくらい大きなリリースなので、備えましょう。
それでは。
参考リンク