[TIL-20210604] What is React?

反応とは?

ReactionはFrontend開発のためにFacebook上で開発されたJavascriptオープンソースライブラリです.

反応の3つの特徴

宣言

リアクターはJSXを用いて宣言プログラミングを行う傾向があり,ページを表示するためにHTML/CSS/JSに分けるのではなく,1つのファイルに明示的に記述できる.

構成部品ベース

コンポーネントとは、1つの機能を実現するために複数のコードをバンドルすることを意味します.反応器はこの素子に基づいて開発された.これを素子に分離すれば、互いに独立して再利用可能であるため、機能自体の開発に集中することができる.

汎用性

応答はJavascriptプロジェクトのどこにでも柔軟に適用できます.Facebook管理により、安定した、最も有名な、React Nativeによるモバイル開発が可能です.

JSX

JSXはJavaScript XMLの略で、文字列でもHTMLでもありません.reactでは,UIを構成する際に用いられる構文でJavaScriptの構文を拡張する.この構文を使用すると、react別名を作成できます.
React JSXを参照すると、より詳細にJSXを学ぶことができます.

構成部品(component)

コンポーネントは、1つの機能実装を構成する複数のコードセットまたはUI(user interface)の必須要素である.これに応答して、UIの一部を担当する複数の独立した機能を持つコンポーネントを作成し、アプリケーションを作成することができます.

// Sidebar라는 컴포넌트를 생성
const Sidebar = () => {
  return (
    <section className="sidebar">
      {<i className="far fa-comment-dots"></i>}
    </section>
  );
};