1.反応

構造がMVC、MVWなどのフレームワークとは異なり、reactionはV(view)のみに関心を持つライブラリである.反応項目には、特定の部分がどのように生成されるかを決定する宣言体があり、素子と呼ばれている.コンポーネントは再利用可能なAPIであり、多くの機能を内蔵し、コンポーネントの外観と動作方法を定義しています.

👀API?
**API는 프로그램들이 서로 상호작용하는 것을 도와주는 매개체
1. API는 서버와 데이터베이스에 대한 출입구 역할을 한다.
2. API는 애플리케이션과 기기가 원활하게 통신할 수 있도록 한다.
3. API는 모든 접속을 표준화한다.

👀컴포넌트?
**프로그래밍에 있어 재사용이 가능한 각각의 독립된 모듈

1-1.初期レンダリング

[初期レンダリング](Initial Rendering)最初の画面の外観を決定します.反応器にはrender関数が処理されています.この関数は、html形式の文字列ではなく、ビューがどのように生成され、どのように動作するかに関する情報を含むオブジェクトを返します.

render() { ... }

コンポーネント内部には他のコンポーネントも含まれます.render関数を実行すると、内部コンポーネントも再帰的にレンダリングされます.コンポーネントのレンダリングが完了したら、携帯情報を使用してHTML寸法を作成し、実際のページDOM要素に注入します.

렌더링 ▶ HTML마크업<div>...</div> ▶ DOM ▶ 화면

1-2.協調プロセス

反応中にビューを更新すると、調整プロセスが実行されます.構成部品のデータが変化すると、ビューは変形しているように見えますが、実際には新しい要素に置き換えられます.この仕事はrender関数が担当します.これは、render関数から返された結果をすぐにDOMに反映するのではなく、以前render関数で作成された構成部品情報と現在のrender関数で作成された構成部品情報を比較します.JavaScriptを使用して、2つのビューを最小の演算に比較し、両者の違いを見つけ、最小の演算でDOMツリーを更新します.

1-3.Vitual DOM

反応器は仮想DOMを使用する.

👀DOM?
**Document Object Model의 약어이다. 즉, 객체로 문서 구조를 표현하는 방법으로
XML이나 HTML로 작성한다.
특징)
1.웹 브라우저는 DOM을 활용하여 객체에 JS와 CSS를 적용하는데, DOM은 트리 형태라서 특정 노드를 찾거나,
수정하거나, 제거하거나 원하는 곳에 삽입할 수 있다.
2.동적 UI에 최적화되어 있지 않다.

DOMオペレーションを最小限に抑えるために、Reactionは仮想DOM方式でDOM更新を抽象化し、DOM処理回数を最小限に抑え、効率的に行う.これを使用すると、実際のDOMにアクセスして操作するのではなく、JSオブジェクトを整理して使用して抽象化できます.

👀리액트에서 DOM업데이트 하는 과정
1.데이터를 업데이트하면 전체 UI를 Virtual DOM에 리렌더링한다.
2.이전 Virtual DOM에 있던 내용과 현재 내용을 비교한다.
3.바뀐 부분만 실제 DOM에 적용한다.

1-4.その他の機能

反応器はフレームではなく、ライブラリです.Ajax、データモデリング、ルーティングなどの機能を内蔵したWebフレームワークとは異なり、リアクションビューは「ビュー」のみに注目するライブラリです.ただし、他の開発者が作成したライブラリを使用して空きを埋めることができます.(ex. axios, fetch, redux...)また、反応器は他のWebフレームワークやライブラリと混合して使用することもできる.
これははんのうぎじゅつの文章を読む要約です.😊