React初学者がReactとは何か調べてみた。

Reactについて

ReactはFacebook社が開発しているJavaScriptのライブラリらしい。

メリット

• コンポーネントベース

  • UIコンポーネントを使いまわせる。(同じコードを何回も書かなくて済む)

• Virtual DOM

  • 適切なコンポーネントだけを効率的に更新してレンダリングすることがでる。

• JSX

• jsxファイルにすることでHTMLと似た記載ができる。
  　

⏬　こんな感じで

/*reactを使うよという宣言*/
import React from 'react';

const sample = () => {
  return <h1>よしあきだよ</h1>;
};

export default sample;

ついでにNext.jsについても書こうかな。そんな知らんけど笑

Next.jsの便利なところ

Pre Rendering

• Server-Side Rendering
• Static Generation

ルーティングなどのサポート

Pre Rendering

• Server-Side Rendering

  • ユーザーがアクセスした時、サーバ側でHTMLをレンダリングする

• Static Generation　(Next.jsさんが推奨してるらしい)

  • ビルドしたタイミングでHTMLをレンダリングしているからすでにHTMLが準備されている状態

ルーティングなどのサポートしてるらしい

　Reactだとreact-routerとかメタタグを付与するreact-helmentなどのライブラリの追加や設定を追加しないといけないらしいがNext.jsだとそれが標準で装備されているらしい。

以上！初学者がReactを軽くまとめた記事でした。