TechFeed Live #2「React vs Angular2」に参加するようになって、参加登録したところ、定員オーバーのため抽選で落ちてしまいました。しかし、キャンセル待ちが繰り上がり、結局参加することができました。私はWeb技術に関しては初心者なので、勉強がてらこのイベントに参加してみました。参加者の中には、RC版のライブラリを積極的に使いこなしている方々がいて、熱いディスカッションが行われていました。初めて聞く単語も多く、グーグルで調べながら何とか情報を理解しようと努力しました。

以下是备忘录。因为学习不够，所以可能存在错误（或解释不一致）的地方。。。

回应

• Viewのライブラリ

 

• 状態・イベントの管理をするデザインパターンがある(オブザーバルパターン、Flux, Redux)

これを組み合わせてもAngularエコシステム規模にはならない(足りない)

初期学習コストが高い

中級者になるまでの敷居が高い

Javascript上級者が好む

好きにライブラリを組み合わせられる

Angular2 是一种基于JavaScript的Web开发框架。

• “One Framework”、フルスタック

 

• RxJSとの組み合わせもあり？

 

• DI機能あり。ReactにはDIの考え方はない

Angular2をReduxと組み合わせるとこの旨味がなくなる
テストしやすい設計

RCがRCじゃない。。。

RC4 > RC5 > RC6, とAPIの変更が激しい
早ければ今月末にFinallyが出る

minify前提(サイズが大きい)

從比較的的觀點來看

编程语言

• ReactはJSXがないとつらい

 

• Angular2はTypeScript, ReactはBabel、というすみ分けはできている感じがする

開発者の慣れ、FW開発言語など

どちらもDOMを直接いじらない
React, Angular2問わず、開発規模が大きければTypeScriptが便利(静的型)。

Javascriptを生で書くことはない。何らかのコンパイルは必須。

构建工具

• webpack,…

 

どちらも違いはない

路由

• Angular2のルーティング機能はよくできてきた

ここ2-3ヶ月くらいの話。その前はひどかった

現状、汎用ルーティングライブラリのデファクトスタンダードというものがない

模板

• Angular2はhtml寄り。

 

ReactのJSXは文字列なのでコンパイル時チェックができない

XSS防护

• Angular2の圧勝

ReactはURLを注入する場合など、開発者がちゃんとチェックする必要あり
Angular2は厳しいほどチェックしてくれる

工具

• WebStorm(IDE)

React, Angular双方に力を入れている

固有記法のシンタックスハイライトなど

考察

• Angularはテストフレームワークが内包されている

 

• Reactはコンポーネントに状態を持たせないスタイルなのでテストしやすい

コンポーネントが関数ベース
DOMを管理するでかいシングルトンオブジェクトがある
Angularはコンポーネントにステートを持たせる

表演

• Angular2になってからReactと同等の速度になった

Angular1は遅い。パフォーマンスが出ない場合はAngular1のせいにできた

服务器端渲染

どちらもパフォーマンスは変わらない？

其他

• SWAGGER

RESTFul APIを記述するための仕様
yaml/jsonからコード生成