実装レベル比較する!React v.s. Vue.js
ReactとVue.jsの実装方法について比較してみましょう。
Vue.jsのVer3.0リリースによって、どのような注意が必要か。
ググラビリティの良さ。
初学者の理解しやすさ。
などなど、実践レベルでのそれぞれのポイントを比較していきましょう。
はじめに
こんにちは。ナオツです。
今日は改めて、現時点でのReactとVue.jsについて比較していきましょう。
実践レベルでどういう違いがあるのか。
仕事で使うということは、単純に学びやすさだけでは語れない側面があります。
ググラビリティの比較
プログラミングは わからないことがあったらすぐググる! が鉄則です。
記事が多ければ多いほど、問題が起きたときに解決までの時間が短縮できます。
これを ググラビリティ(googleability) といいます。
Vue.js Ver3.0とNuxt.jsの注意点
2020/9月頃、Vue.jsのVer3.0がリリースされました。
新しい実装方法(Composition API)が開発されて、より勢いに乗っている最中です。
今後のニーズも高まっていくことでしょう。
Composition APIはVue.jsにTypeScriptの恩恵をもたらしてくれるものです。
以前の実装はやがて廃れていき、今後はComposition APIを用いた実装がデファクトスタンダードになっていくことが予想されます。
しかし、以下の注意点があります。
- リリースされたばかりで記事が少ない
- Nuxt.jsとの相性が悪い
- VS Codeの補完が微妙
これらの問題の本質は、「リリースして日が浅いので問題自体が露呈してない」というところです。
問題が起きると、エンジニア達が我先にと問題を解決した記事を書きます。
同じ問題に直面した別のエンジニアは、その記事を参考に問題を解決します。
つまり、リリースされたばかりで記事が少ないと、実装を進めて行く上でとても不利なんです。
そもそも調べられないとなれば、解決の難易度が高くなってしまいます。
また、VS Codeを使って実装する上でも注意が必要です。
以前の記事でも紹介しましたが、VS CodeにVeturというプラグインをインストールします。
このプラグインがVue.jsにおけるTypeScriptの補完機能を補助する役割を担っているのですが、ここの制約が難しく、補完機能を完璧にやってくれないのです。
Reactは最新verでもググラビリティが高い
2019年にReactは大幅な刷新がありました。
「Hook」機能のリリースです。
「Hook」を使った実装はReactでアプリケーションを作る上で、もはやデファクトスタンダードになっていると言っても過言ではないでしょう。
事実、現時点でHookに関する記事がかなりたくさん出ています。
ググラビリティについて問題を感じることはない印象です。
なんせReactは世界でもっとも人気のあるフレームワークですからね。
世界中のエンジニアが記事を書いてますから、情報量が違います。
英語の記事が多いですが、
英語読めないよ!
っていう方でも、Googleが翻訳してくれるので大体理解できます。(完全な翻訳ではありませんが…)
HookでReactの難易度が下がる
HookはReactを実装してきたエンジニアにとっては革命的で、
モダンフロントエンドはHookによって完成された
とツイートした海外のエンジニアもいらっしゃいます。
続きはこちら
この記事が気に入ったらサポートをしてみませんか?