Nodefest 2016 Nov 13
![Vue.js 2.0 Server Side Rendering](https://cdn-ak-scissors.b.st-hatena.com/image/square/a33b68c771acc59d3c0bc03091a4024754c67f89/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F9f45e0f2e71c47f8b16cebcf538fc6d1%2Fslide_0.jpg%3F7180824)
Ancient Brazilian web developer, from php, through Rails to Javascript, Vue.js enthusiast to React.
Vue2.xでは仮想DOMが使われるようになりました。それに伴い、Vue用のテンプレートを仮想DOMをレンダリングするための関数に変換するという処理をコンパイル時に行ってくれる仕組みが組み込まれています。 そして、お手軽にVueを試したい人、プロダクトにVueを使いたい人、コンポーネント志向でアトミックに実装したい人など、様々な用途に応じたテンプレートの書き方(&コンパイルの方法)を用意してくれています。 そのためテンプレートの書き方とコンパイルの種類については仕様がやや複雑で、公式ドキュメントだけでは理解が難しくけっこうハマりどころだと感じている(事実ずっぽりハマりました)ので、知見を残しておこうと思います。 ※この記事を書いている時点でのVueのバージョンは2.2.1です。 おさらい Vue.jsの利用方法3パターン 1. Vueを<script>タグで埋め込む方法 2. Vue CL
あるところにプロトタイピングを繰り返した結果、1 ファイルにベタッと書かれていたソースがありました。 なんとかリリースを終えて、運用フェーズに入ったことものの、つらいソースが残されたのです。 ファイルを再利用可能にするためコンポーネント化を進めることを決意します。 最初はとても大きな単位でコンポーネントを作っていたため、大量の状態を 1 コンポーネントが抱えていました。 コンポーネントの粒度を細かくしていくと、だんだん props のバケツリレーが増えてきます。 親から子へ、子から孫へ、孫からひ孫へ…。 2way binding してるバケツリレーは、もう追っていくのがツラい! ただリレーしてるだけで、中間のコンポーネントでは使ってないものも出てきました。 1 箇所直すと、他に影響が出て怖い。 これは Flux, Redux の出番だ! HTML5 とか勉強会の資料を見て、書きたくなった!
Vue.js + Vuex = Magic コンポーネント指向とFlux architectureで始めるモダンフロントエンド こんにちは、フロントエンドエンジニアの蔀です。 ここ数年のフロントエンド開発の潮流の変化は急激で、雨後の筍のように色々なフレームワークが出てきていますね。 8月末には、Mediumでこんな記事が人気になりました。 The State Of JavaScript: Front-End Frameworks と銘打たれたこの記事は、React/Angular/Angular2/Ember/Vue/Backbone といった、近年流行しているJavaScriptフレームワークに関する興味、満足度、知名度などを調査して比較してくれています。 注目していただきたいのが、「Satisfaction(使ってみて満足したかどうか)」の項目です。 近年流行しているReact.jsと
いいにくの日ですね。肉食べたいです。 React + Redux にはよくお世話になっている昨今なのですが、React 以外も扱いたいなと思ったこと、そもそも Flux に対する理解が浅いんじゃ無いか?ということで、Vue.js + Vuex をちょっと勉強してみました。 つくったもの:https://github.com/torounit/vuex-todo ここら辺をいろいろ参考にしました。 Vuex のドキュメント Vue.js用のFluxライクなライブラリVuexを試してみる – Qiita Vue.js + Vuexで開発をしてみよう! – Tech Blog – Recruit Lifestyle Engineer Redux と Vuex の違い。Reducer と Mutation の違い。 両方とも Flux パターンであるため、基本的な考え方は変わりません。ただ、Red
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く