Reactについて

ReactはUI(User Interface)のwebページを作るためのJavaScriptのライブラリ
Reactの公式ページ[日本語版]

webページを作るためのライブラリなので、フロントエンドでのデプロイをする際に用いるライブラリです。

Reactの特徴、メリット、デメリット諸々
・Meta社が公開
・HTMLを書かずにリッチなwebページを作成できる
・データの更新があれば、逐次更新される
・ページ上の操作が高速
・SPA(Single Page Application)の操作を行うことができる
・編集中にデータ更新があったらその都度更新分を再描画する

React.FC
コンポーネントを定義する関数型。FCはFunction Componentの略。
Q.)そもそも、コンポーネントとは？<<コンポーネントについてまとめてみたい>>
<<ここらへんで手ごろなソースコードを何か書く>>
//sample code
const practiceFC: React.FC= () => {
return

やあやあやあ

}


※※もう少しReact.FCについて深く調べて納得できるまでアウトプットをする！

JSX
コンポーネントを描画するHTMLタグを記述するためのJavaScriptの拡張機能
//JSX　JavaScriptの構文の拡張
.jsx はJavaScriptの拡張子
.tsx　はTypeScriptの拡張子

<<研修資料の24pのコードを写す>>
JSXの記述
return

{content}

※※JSXファイルはJS入るファイルと比べてなにがよいのじっくり調べてまとめてみる

Hooks API
React.FCのコンポーネントの実装で使うAPI

https://ja.reactjs.org/docs/hooks-reference.html

たくさんAPIがあるが、代表的なものは
useEffect
useState
useRef
useCallback
※※それぞれについて詳しく説明する

useState https://chaika.hatenablog.com/entry/2020/08/16/083000

useEffect
https://ja.reactjs.org/docs/hooks-effect.html

/cite
useEffect({ => {
loadHello()
.then()
.
then~ catch文について