0
0

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をなぜアプリに使うのか??

Posted at

スクリーンショット 2022-04-06 10.21.51.png
アプリの設計は非常に複雑ですから、それを簡単にできるものなら何でも歓迎です。そこで、Reactの出番です。Reactは、ユーザーインターフェースの作成を容易にするために設計された、JavaScriptコードとコンポーネントのライブラリです。オープンソースのフレームワークとして、PaypalやNetflixなど、今日の市場で最大級のアプリの作成に使用されています。

このフレームワークが人気を博している理由はいくつかありますが、最大の理由は、宣言型のビューを提供していることでしょう。新しい情報が入ってくると、即座にきれいに更新されるインタラクティブなアプリを作ることができます。データがアプリに届くと、すぐに更新されます。Facebookのコメント欄を見ると、画面を更新しなくても新しいコメントが出てくるのがわかります。もともとFacebookが開発したReactは、現在、FacebookとInstagramの開発者が共同で運営しています。

ReactがJavaScriptを使用していることは知っていますが、なぜそれがそれほど重要なのでしょうか?それは、JavaScriptが世界で最も使われているプログラミング言語の1つだからです。実際、970万人の開発者がJavaScriptを使用しており、広く普及している構築プラットフォームとしては最適な選択と言えます。

このプログラミング言語とHTMLを混ぜ合わせることで、Reactに必要なことは何でもできるようになるのです。JavaScriptに慣れている人であれば、学習のハードルはかなり低いでしょう。Reactに飛び込んですぐにアプリのプログラミングを始められます。

・コンポーネントを単独で編集できる
ほとんどのプログラミングは、一つのことを変更すると、プログラム全体を適応させる必要があります。このため、アプリの一部分を変更しようとすると、整理しなければならない大混乱に陥り、多くの問題が発生します。しかし、Reactではそのようなことはありません。ダウンワードフロー型のプログラミング手法なので、何かを変更しても、その上流にあるものには影響を与えません。
また、コンポーネントの変更や編集も、他のコンポーネントに影響を与えることなく行うことができます。これにより、作業スピードが格段にアップします。ひとつの変更に合わせて、すべてのコードを調整する必要はもうありません。アプリの不具合を修正したり、定期的なメンテナンスを行う際にも、コンポーネントが分かれているため、プロセス全体が高速化されます。

・JavaScriptライブラリが複数のソースから入手可能
Reactはオープンソースなので、多くの開発者がReactの改良に取り組んでいます。様々な機能に使用できるコードを含むJavaScriptライブラリを利用できます。これらのライブラリには、さまざまな機能のためにあらかじめ書かれたコードがたくさんあり、それらを手に入れるだけで使うことができます。既存のコードを利用できるのであれば、最も基本的な機能をコーディングする必要はありません。プロセス全体がスピードアップし、イライラすることもなくなります。

誰もが似たようなコードを必要としているのですから、車輪の再発明ではなく、賢く働くことを大切にしてほしいと思います。基本的なアイデアを管理するコードを使うことは、より良い方法であると言えます。

・仮想DOMが情報の高速読み込みを助ける
通常、アプリやWebサイトは、HTMLを使ってDOM(ドキュメント・オブジェクト・モデル)を更新します。これは長い間、唯一の方法でした。機能的には問題ありませんが、サイトを利用する人が増えると、この方法ではどんどん時間がかかってしまいます。サイトの利用者が増えれば増えるほど、ページを更新するのが面倒になります。以前は、コメントやその他のデータなど、瞬時に更新する必要があるものを更新するには、この方法しかありませんでした。

仮想DOMは、実際のDOMをコピーするだけで、ReactJSを使って瞬時に更新させることができます。ページ全体をリロードするのではなく、変更される情報だけをロードします。つまり、ページやアプリ全体の動作が格段に速くなるのです。小さな機能なので、1人や2人にとっては大きな違いはないかもしれません。しかし、大勢の人が同じページを使用している場合、その差は驚くほど大きくなります。

Reactは、アプリやサイトの作成だけでなく、そのアプリの日常的な機能を実現するためのプロセス全体を劇的に高速化しました。開発者は、プロトタイプアプリの作成をスピードアップできるだけでなく、完全なアプリを半分の時間で立ち上げることができるようになりました。これは、コードを再利用できることによるものです。アプリやサイトが一般的に使用されるようになると、仮想DOMにより、ユーザーインターフェイスもより良いユーザー体験を提供します。

(読んでくださり、ありがとうございました。)

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?