React 学習の備忘録 初日

初めてのReact

Udemyでフロントエンドの基礎的な講座でCSS(SCSS)
HTML
JS
を使ってある程度のページの作成方法の理解も進んだし、いよいよフロントエンドエンジニアデビュー？と思っていると、どうやら世間的にはフレームワークなりライブラリなりでのweb制作がメジャーのようです。なので、続けてReactの勉強をスタート。
VueとReact迷ったけど、ReactのがいろいろメジャーっぽいってことでReactを選びました。

当方の技術レベル

HTML,CSS(SCSS)はMDNのリファレンスあればある程度のことはできるレベル、JSは講師の方のコードを読んで理解、要素やパーツの組み換え程度で一から書くのはまだまだです、

今回の教材

日本一わかりやすいReact入門（トラハックさん）

なんたって日本一わかりやすいですから期待大です。
入門#1は受講済み、かんたんにReactの概要の説明。

学習メモ

入門#2よりいよいよ構文の説明など始まりました。
自身の備忘録としてメモって行きますね。

JSXとは

-Facebookが開発
-React公式ドキュメントはほぼJSXで記述

Reactでは業界標準

JSXの基礎文法]

1.Reactパッケージのインストールが必須
//.jsxファイル内の先頭で宣言 import React from "react"

2.HTMLとほぼ同じ記述(classはclassName)

const App = ()=>{
  return(
    <div id="hoge" className="fuga">
      <h1>Hello,World</h1>
    </div>
  );
};

3.{}内に変数や関数を埋め込める

const foo ="<h1>Hello,World</h1>"
const App =() => {
return(
<div id="hoge"className="fuga">
{foo}
</div>
);

4.変数名などはキャメルケースで記述

5.空要素は閉じる。