【React】有名企業に数多く導入されているjavascriptライブラリ

Reactについて

ReactはFacebook社によって開発された人気のjavascriptライブラリです。

聞いたことがある有名企業やIT企業で導入されています。

Reactとは

ViewなどのUIを作ることに特化されたJavaScriptのライブラリになります。

複雑なUIを作ることを得意とされています。

JSX記法

書き方としてはjavascript内にhtmlのような記述をすることが特徴です。

Reactを始める上でまずはJSXについて理解することが必要です。

Reactのはじめるには

Reactを使うためには下記のjsを読み込む必要があります。

開発者用

<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>

本番環境（圧縮されたもの）

<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>

jQuery何が違う？

jQueryの場合、jQueryの更新と同時にhtmlの修正を行うことも多くなり修正が増えると読みづらいコードになりがちですがReactのデータを更新することでhtmlも自動で更新されるので管理もしやすくなります。

htmlタグに変数を指定できる

下記のように変数を指定することができます。

{}を使います。

var str = 'test';
<div className={test}></div>