2021.05.10
React,Angular,Vue?旬なJavaScriptフレームワーク調べてみた!
jQueryで何でも片付けていましたが・・・・。
旬なフレームワークといえば、軽くReactぐらいしか触ったことがなく、
本腰をいれ今後のMaromaroスタンダードはどれにするべきか!調べてみました。
今回は旬な?トレンドになっているフレームワークに限定します。
早速それぞれの特徴を調べてみました。
React
Facebookで開発されているフレームワーク。海外で人気のよう。
状態管理(文字列が変わったとか、ボタンを押下したとか・・・etc)が容易なのが特徴。
HTMLライク(JSX)に記述できますが、やや癖があり、混乱する場面も。
処理が高速なのも特徴です。
なれるまでの習得時間がかかりますが、大規模開発などにも耐えられる設計のようです。
- 大規模開発向け
- 仮想DOMを用いているので高速
- コンパイルが必要
- 必要な機能はサードパーティーから取得する必要がある
- SSR(サーバサイドレンダリング)にも別フレームワークで対応可能
Vue
GoogleでAngularJSを開発したエンジニアが開発しました。
Angularの良いところを抽出して軽量にした?とのこと。
SPA(シングルページアプリケーション)を作るなVueらしいです。
設計思想の違いから、Reactに比べると記述が簡単に済むシーンもあるようです。
ですので、がっつりプログラマではない、などであればVueを使うのが良いかも?
- 仮想DOMを用いているので高速
- コンパイル不要で手軽
- jQueryの代替にするならVue一択か
- 既存HTMLの上で操作するのに適している。
- SSR(サーバサイドレンダリング)にも別フレームワークで対応可能
Angular
こちらはGoogleが開発しているフレームワークです。
JavaScriptの代替になるTypeScriptで記述する必要があるのが特徴です。(ただし互換性があるので、JavaScriptが書ければ問題なし)
素のJavaScriptはナンセンスとのことで(白目)、私もそろそろ素のJavaScriptは卒業しないとですかね・・・。
React,Vueに比べると、Angularは人気が落ちてきている印象でしょうか。
- 大規模開発向け
- こちらは仮想DOMではない
- コンパイルが必要
- 多機能
- SSR(サーバサイドレンダリング)にも別フレームワークで対応可能
個人的な総括
すでにHTMLがある、JSの動き部分だけ担当する場合や、小規模開発(サクッと実装したい)
↓
Vue
大規模開発、別途プログラム(rails,phpとか)を使う場合には
↓
React
を使うと良いのかな!と思いました。