3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

React勉強メモ1

Posted at

Reactの紹介

Reactは、Facebookが開発したユーザーインターフェース(UI)を構築するためのJavaScriptライブラリです。Reactは、コンポーネントベースのアーキテクチャを採用しており、再利用可能なUI部品を作成し、それらを組み合わせてアプリケーションのビューを構築することができます。

Reactの特徴として以下のような点が挙げられます:

仮想DOM(Virtual DOM): Reactは、仮想DOMと呼ばれる仕組みを使用して、効率的なUIのレンダリングを実現しています。仮想DOMは、変更があった部分のみを実際のDOMに反映することで、パフォーマンスを向上させます。

コンポーネントベース: Reactでは、UIを小さな再利用可能なコンポーネントに分割することができます。これにより、コードの再利用性が高まり、保守性や開発効率が向上します。

単方向データフロー: Reactでは、データの流れが一方向であるというアーキテクチャを採用しています。これにより、データの変更が予測可能で、バグの発生を減らすことができます。

Reactの運用範囲

Reactは、ウェブアプリケーションの開発に広く使用されています。以下のような場面でReactを活用することができます:

シングルページアプリケーション(SPA): Reactは、SPAの構築に適しています。SPAでは、ページの再読み込みを行わずに、動的なコンテンツの表示やユーザーインタラクションを行います。Reactの仮想DOMの特徴は、SPAのパフォーマンスを向上させます。

モバイルアプリケーション: React NativeというReactの派生ライブラリを使用することで、Reactをベースとしたネイティブアプリケーションの開発が可能です。React Nativeは、JavaScriptを使用してiOSやAndroidのネイティブコンポーネントにアクセスするためのブリッジを提供します。

UIコンポーネントのライブラリ: Reactは、UIコンポーネントの作成にも使用されます。多くのライブラリやフレームワークがReactをベースにしており、これらを使用することで、より高度なUIコンポーネントを簡単に作成できます。

JS各フレームワークの比較

JavaScriptには、React以外にも多くのフレームワークやライブラリが存在します。以下に代表的ないくつかを比較します:

Angular: Angularは、Googleが開発したJavaScriptのフレームワークです。Angularは、フルフィーチャーのフレームワークであり、大規模なアプリケーションの開発に適しています。Angularは、強力なテンプレートエンジンやデータバインディング、依存性注入などの機能を提供しています。

Vue.js: Vue.jsは、Evan Youによって作られたJavaScriptのフレームワークです。Vue.jsは、ReactとAngularの中間に位置すると言われており、学習コストが比較的低く、軽量なアプリケーションや単一のページ内でのUIの一部分の作成に適しています。

Ember.js: Ember.jsは、Ambitious Web Applications(野心的なウェブアプリケーション)の開発に特化したJavaScriptのフレームワークです。Ember.jsは、コンベンションオーバーコンフィギュレーションの原則に基づいており、アプリケーションの構造とフローに関する多くの決定を自動化します。

JS人気フレームワーク

まず結論から言うと、今人気のフレームワークは下記の2つです。

React.js
Vue.js
この結果については、実際にWebエンジニアとしていくつもの開発に携わった中での体感ですので、個人差はあるかと思いますが、このVue.jsとReact.jsは間違いなく多くの開発現場で利用されている人気のフレームワークと言えます。

その理由としては、習得難易度の低さやいかに効率的に開発を進められるか。というところがポイントとなっています。

もちろんそれぞれのフレームワークごとに、良いところ・悪いところや向き不向きがあるので、開発に合わせて最適なフレームワークを選択できるように最低限の知識はつけておいて損はないと思います。

もし、まだ初心者でどれにしたら良いかわからないという方は、自分がどんなものを作っていきたいかを明確にしてからそれに合ったJavascriptフレームワークを選択できるように、準備しておきましょう。そのためには、まずJavascriptでの開発が最低限できることが必須なので、その後から考えても良いかもしれませんね。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?