Reactをはじめてみた 1日目。

誰にも参考にならないかもしれない。
1日目 >>３時間ぐらいの学習時間

現状

• js は多分人並にかけるかも…
• jqueryはそこそこ使えるかも…
• htmlは普通にかける
• cssはとりあえず大丈夫
• node.js なにそれ、Next.js　Angular　React　名前は聞いた
  みたいな感じ
• ちゃんとアウトプットできるおじさんになりたい

環境

	win10
	node.js v18.16.0
	Vscode
	キーボードの前立ちふさがる猫

まず情報収集

• https://qiita.com/TsutomuNakamura/items/72d8cf9f07a5a30be048
• https://ja.legacy.reactjs.org/docs/getting-started.html
• https://www.taniarascia.com/getting-started-with-react/ 英語ムリー

とりあえず情報を集めて記事を読むことから始める、
うん、本家のクイックスタートを読むがピンとこない…。

ちょうど動画で紹介している方がいたのでそちらを見る。
手を動かしながら学ぶのがいいみたい。

今日の学習資料

• https://www.youtube.com/watch?v=nRCNL9T3J98&t=1927s
  　【React入門】完全初心者OK！１から簡単なTodoアプリを作ってReactの１歩を踏み出してみよう ~Reactチュートリアル~
  　┗ とても分かりやすかった。

今日わかった感じになったこと

• コンポーネントを組み合わせて作る感じ？
• 部品ごとにネストする感じ？-> 多分
• うちの猫はドライささみと、ふれあい歯磨きストロングがお気に入り

気づき

• htmlはjsから吐かせる->もしやtestしやすい？どこかの記事で書かれていたような…
• コンポーネントごとにcss適用可能みたい(import で css 呼んでた・憶測)
• お仕事分担がとても楽になる、BEMとかFLOCSSとかも併せて使うと効率いいのかな？
• あれ、Vscode Emmet超便利じゃね？
• ES7+ React/Redux/React-Native snippets　は必ず入れないと損した気持ちになる
  • rafc 手入れたらアロー関数瞬殺

import React from 'react'

export const TodoList = () => {
  return (
    <div>TodoList</div>
  )
}
	

その他

• const ばかり使うけどそんなに必要？、一応理由を知っておきたい（今日は調べない）
• アロー関数なんなの、ってか「文化の違いと」とりあえずざっくり認識することにした。
  • https://zenn.dev/rgbkids/articles/d7691b6c852b42
    　　┗ コードレビューで戦争起こりそう…

一日目はこんなもの、ビールおいしい。