Closed2022/09/23にクローズ5

作って学ぶ Next.js/React Webサイト構築学習ログ

ピン留めされたアイテム

目的

本格的にReactの学習を始めるので、メモや勉強の記録を残したい
お仕事を受ける際の簡易的なポートフォリオ代わりにしたい
一度スクラップを書いてみたかった、、！

目指すゴール

Reactで０からWPA、SPAを作れる
Next.jsでJamstackの構築ができる
実務をこなせる状態

学習予定リスト

現況

モダンJavaScriptの基礎から始める挫折しないためのReact入門は完了
『作って学ぶ　Next.js/React　Webサイト構築』は8割程度

作って学ぶ　Next.js/React　Webサイト構築

メモ

stateで配列やオブジェクトを扱う際は、破壊的メソッドを使用しないよう気をつける解説

作って学ぶ　Next.js/React　Webサイト構築一旦完了
Chapter7 ~ 9は後でやる

ある程度理解できたこと

コンポーネント管理してページ作成
useState、useRefなどを使用したアニメーション作成(ハンバーガーメニュー、アコーディオン)

理解が浅いところ

JSの基礎的な処理が怪しい

const toggleElm = () => {
    setState((prev) => !prev);
  };

上記のsetStateにアロー関数の省略記法を入れているのはわかるが、引数にprevを入れる意味がわからず、、
予想ではstateの値が入るのか？

上記は解決。
ただのアロー関数ではなく、関数型のstate更新。
prevは前のstateである。JSの処理ではなくuseStateをちゃんと動作させるための方法だった。

学習を全部まとめようとしたけど、教材ごとにわけたいのでクローズ

このスクラップは2022/09/23にクローズされました