Reactは、フロントエンドの世界で最も人気のあるシンプルで強力なJavascriptのライブラリです。Reactを使用すると、UIデザインの複雑さが軽減され、開発者自身によるDOMの直接操作を簡単に探索してバイパスできます。DOMによるスピーディーなReactと結果のUIベースの言語により、Reactは非常に人気があり、開発者は非常に簡単な方法でそれを受け入れ、飛び込むだけです。Reactは基本的にクロスプラットフォームであり、Web、Android、iOSでも同時に動作します。
これは良い方法でReactを掘り下げる時です

仮想DOM

今度はDOMで遊ぶ時間です。開発者になりたいペットの猿がいます。彼はアプリを作りたいので、今回はDOMの操作を気にしません。彼は状態を更新し、Reactに何をすべきかを指示するだけで、残りはReactに進みます。重い操作を行うリフティングDOMは、Reactで簡単に処理できます。DOMは、メモリ内のアプリ全体の仮想ツリーを管理します。私のサルがイベントによってDOMに変更を加える必要があるとき。仮想ツリーを生成し、別のツリーで更新します。

コンポーネント

コンポーネントはレンガのようなもので、壁を作るのに必要なのは数十万のレンガだけです。コンポーネントもそれに似ています。私たちは小さなコンポーネントを定義し、それらをどんどん大きくします。主なことは、コンポーネントが再利用可能であるということです。このアプリケーションのどこでも、必要なコンポーネントを使用できます。コンポーネントは、いくつかの入力パラメータがいくつかの出力を提供する再利用可能な関数に他なりません。小さいものは一緒に折りたたまれて大きいものになります。reactコンポーネントでは、入力は小道具のセットであり、出力はUIの説明です。

J SX

JSXは、React.createelementの順序で使用されるマークアップ言語です。マークアップは、スタンドアロンの単一コンポーネントまたは複雑なコンポーネントを表すために使用できます。

Reactアプリでは、HTMLを作成する必要はなく、HTMLまたはJavascriptを使用して独自の要素を作成します。JSXは実際にはjavascript拡張機能です。
JSXの作成者は、開発者に以前の古い学校のツールを提供したいと考えていました。JSXはHTMLに似ています。
画像を表示すると、コードは次のようになります。

<img src=”..path_to_img../image.png” alt=”This is an image” />

      

ブラウザはJSXについて心配する必要はなく、reactはコンパイラについて心配する必要もありません。生のHTMLとCSSをブラウザにプッシュします。