Reactを初心者でもわかるように説明してみた

2024/06/28に公開

前述

React流行ってるって言われてるけど(2024年時点)
プログラミング初心者過ぎてわからない人に
なるべくわかりやすく説明します。
※私自身も現在一年目の為違う点ありましたら
 コメントいただけると助かります。
 (一年目だからこそ初心者の目線で書ける所もあると思っています)

前提知識

前提知識としてReactは
効率よく画面を作る為のツールと考えてください。
(正確にはフレームワークやライブラリと言いますが)

上記のようなツールは他にもありますが(Vueなど)
何が違うのかは次の項で説明します。

一言でいうと

一言でいうとReactは
画面の動きが早くて[1]コードが読みやすい[2]フレームワークとなります。(下記説明)

システムの中でどんな感じで使われてるの?

説明だけ聞いてもよくわからないと思うので最後に
ざっくりどんな感じでシステムの中にReactを使うのかを
説明します。
※処理の流れは大分省いています。
 初心者にわかりやすくするためです。

こんな感じでもらったデータを表示する工程で使用されています。

最後に

他にもReactはデザインをいい感じに整えてくれるライブラリや
スマホアプリも作れて汎用性も高く作っていて楽しいので
興味が出た方は自分なんかより詳しく説明している記事たくさんあるので
ぜひ調べてみてください。

読んでいただいてありがとうございました。

脚注
  1. 色々難しい技術が組み込まれて(仮想DOMなど⇒詳しく知りたい人は調べてください)
    画面が一瞬で切り替わります。(ここはVueなども同じく早いです) ↩︎

  2. コードの中にHTMLを書いていく書き方なので初心者でも読みやすい(ここが一番他フレームワークと違う点です) ↩︎

Discussion