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>リンク
コメント