[反応]反応とは?

装備を買うのも装備を探すのも容易ではない.
反応とは?
Reactは、ユーザーインタフェースを作成するためのJavaScriptライブラリであるWebフレームワークです.
これはFacebookが提供するフロントエンドライブラリで、コンポーネントに基づいており、コンポーネントにデータを置くと、開発者が設計したようにUIが作成され、ユーザーに表示されます.
html、cssでWebページを作成するには十分ですが、htmlとcssだけではUIに動的データを送信するのに適していません.ユーザと対話するUIを簡単に作成できるのでreactionを使用します.

Reactは、facebookが提供するフロントエンドライブラリと見なすことができる.

は、単一ページアプリケーションまたはモバイルアプリケーションの開発の基礎とすることができる.

2.Reactの特徴
reactはもっと多いかもしれませんが、大きく5種類に分けられます.

1. Data Flow
2. Component 기반 구조
3. Virtual Dom
4. Props and State
5. JSX

2-1. Data Flow
reactは一方向データストリームを有し、データストリームは一方向のみである.Vue.jsおよびAugular.jsのような双方向データバインディングの規模が大きいほど(大規模なアプリケーションの場合)、データストリームの追跡が難しくなり、複雑になる傾向があるため、複雑なアプリケーションでも단방향 흐름が必要となり、データストリームで発生する変化をよりよく予測することができる.
2-2. コンポーネントベース
コンポーネントとは、独立したユニットのソフトウェアモジュールです.
すなわち、ソフトウェアは独立した部品と見なすことができる.
例えば、スマートフォンの画面に障害が発生した場合、サービスセンターで修理することができます.
スマートフォンのバッテリーが壊れたら、バッテリーを交換できます.액정、배터리を構成要素にたとえることができる.
reactには液晶や電池のように機能別に収集されるカテゴリがあります.
そのレベルをコンポーネントと考えればいいです.
液晶が故障した場合、液晶部分に電池が故障した場合は、電池部分を交換または修理すればよい.これにより、メンテナンス、管理、再利用が容易になります.

class App extends Component {
  render() {
    return (
      <Header />
      <Navigation />
      <Content>
    );
  }
}

実際にいくつかのテストをしましたが、管理は非常に簡単です.🧐
2-3. Virtual Dom
まず、DOMはDocument Object Modelの略です.
DOMはhtml,xml,CSSなどをツリー構造とし,データを対象として管理する.
reactは、このDOM Tree構造と同じ構造体Virtual DOMを有する.
仮想DOMとは、仮想のDocument Object Modelを指す.
イベントが発生するたびに仮想DOMが作成され、再描画するたびに実際のDOMと比較され、前後の状態を比較し、変更が必要な変更が最小限の場合にのみ実際のDOMに反映され、アプリケーションの効率と速度が向上します.
2-4. Props and State
Props
Propsは親コンポーネントから子コンポーネントに渡されるデータです.
読み取り専用データと見なすことができます!サブエレメントから渡されるpropsは変更できません.propsを渡されるトップレベルの親エレメントのみがpropsを変更できます.

親コンポーネント->子コンポーネントの読み取り専用データ
サブアセンブリのpropsは変更できません.propsを渡す최상위 부모 Componentだけが

を変更できます.
State
Stateは構成部品内部で宣言され、内部で値を変更できます.stateは動的データの処理に用いられ,ユーザとのインタラクションにより動的にデータを変更するために用いられる.クラス構成部品でのみ使用でき、各ステータスは独立しています.

動的データの処理

は独立しており、他のコンポーネントにアクセスできません.
共通点

両オブジェクトとも、登録結果に影響を与える情報を有する.

差異

propsは(パラメータ)コンポーネントに渡される.

状態は、(関数で宣言された変数)コンポーネントに渡される.

JSX
ReactではJSXを使う必要はありませんが、Reactで使うので本書の説明を添付して簡単に整理しました.

const element = <h1>Hello, world!</h1>;

上記変数宣言もJSX構文です.
よく知らない感じ.
JSXとは何ですか.
Javascriptの構文を拡張します.
Reactは、レンダリングロジックが他のUIロジックと本質的に関連しているという事実を受け入れている.例えば、イベントの処理方式、状態の時間的変化、および画面上のデータの表示方式などである.
Reactは、注釈と論理を個別のファイルに置くのではなく、ばらばらに接続されたユニットから注目点を分離します.JSに寸法を追加するのに慣れていない場合は、後のセクションでコンポーネントを返します.
JSXを使用する必要はありませんが、JavaScriptコードでUI関連操作を実行する場合、JSXを使用すると視覚的に役立つと考えている人が多いようです.また、エラーと警告メッセージを表示して、行動を支援することもできます.
React公式文書
reference

velopert

React公式文書