基礎から学ぶ React / React Hooks

https://m.media-amazon.com/images/I/512P1XYGLyL.jpg

nobuoka.icon 図書館で借りて読んだ

内容メモ

1 章 React (JS) を始めるために必要な JavaScript の基礎知識

2 章 React の基礎知識

3 章 React を試してみよう

CDN から React (JS) を取得して実行

Create React App を使ってプロジェクトを作成

使われているツール : Node.js、Babel、webpack

4 章 React の基本をマスターしよう

要素の出し分けを、論理積演算子 (&&) や論理和演算子 (||) を使って実現できる

return isReact && <p>Hello</p>; みたいな感じ

nobuoka.icon React は false が返されたら無視するっぽい？

とはいえ TypeScript で型付けしていたらこれは使えない (「Its return type 'false | Element' is not a valid JSX element」などと言われる) し、こういうコードは書かない方がいいと思う

繰り返し要素には key 属性を付ける

5 章 React Hooks を基礎から理解する

React Hooks について

props.children で子要素を出力できる

6 章 TODO アプリ作成にチャレンジしよう

API として簡易的に JSON Server を利用

一意な ID を生成するための ulid

7 章 Chakra UI でアプリにデザインを組み込む

React におけるその他のスタイリング