React

[react] useEffectが実行されるタイミング

概要 reactのuseEffectフックは第2引数によって実行されるタイミングが異なる。第2引数なしレンダリングされる度に実行されるクラスコンポーネントのcomponentDidUpdateメソッドと同等第2引数が空配列マウント時のみ実行されるクラスコンポーネントのcomponentDidMountメソッドと同等第2引数が変数を要素に持った配列マウント時および変数が更新された際に実行される...

2023.03.16

React

「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録3

posted with ヨメレバAmazonで見るKindleで見る「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録2の続き itemディレクトリのTypeScript化 pages/api/item/readall.jsのtypeScript化 mv pages/api/item/readall.js pages/api/item/readall....

2023.03.15

React(書評)TypeScript(書評)

「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録1の続き userディレクトリのTypeScript化 pages/api/user/register.jsのtypeScript化 mv pages/api/user/register.js pages/api/user/regist...

2023.03.11

React(書評)TypeScript(書評)

「Next.jsでつくるフルスタックアプリwith TypeScript 前編」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 76点感想 1〜5章は「Next.jsでつくるフルスタックアプリ前編」と全く同じ内容で、補章だけが追加されていた。 1〜5章はこちらと同じ内容補章は「JavaScriptをTypeScriptに移行していく」という内容なので仕方がないことだが、少々分かりづらく退屈な内容だった。環境構築最初からTypeSciptを導...

2023.03.08

React(書評)TypeScript(書評)

「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録1の続きアイテムページ編集ページの作成 mkdir pages/item/update touch pages/item/update/.jspages/item/.jsは既に存在するのでpages/item/update/.jsとする。 import { use...

2023.03.01

React(書評)

「Next.jsでつくるフルスタックアプリ後編」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 80点感想前編で作成したAPIを使用するためのページをNext.jsで作成していく、という内容だった。特に複雑な処理もなく、問題なく最後まで読み終えることができた。ユーザー関連ページユーザー登録ページの作成 mkdir pages/user/ touch pages/user/register.js Reactで...

2023.02.25

React(書評)

「Next.jsでつくるフルスタックアプリ前編」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見るログイン機能スキーマの作成 import mongoose from 'mongoose' const Schema = mongoose.Schema; const ItemSchema = new Schema({ title: String, image: String, price: String, descripti...

2023.02.22

React(書評)

「Next.jsでつくるフルスタックアプリ前編」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 78点感想 Next.jsについての書籍だが本書は前編ということで、Next.jsとmongoDBを使ってのサーバサイドの実装のみだった。内容自体は分かりやすかったが、Next.jsとmongoDBでサーバサイドを実装することは少ないと思うので、Next.jsに関する情報としては後編だけで十分だと思う。毎回思うことだ...

2023.02.18

React(書評)

「はじめてつくるNext.jsサイト」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る「はじめてつくるNext.jsサイト」の感想・備忘録1の続き基本 next/image 画像のサイズやフォーマット、遅延ローディングなどを全て自動で行ってくれる。import Image from 'next/image'として以下で表示。<Image src="/images/9736.jpg" alt="fumika" w...

2023.02.15

React(書評)

「はじめてつくるNext.jsサイト」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る点数 84点感想 Next.jsの基礎がわかりやすく説明されていた。最低限の使い方としては、本書の内容で十分だと思う。基本環境構築 npx create-next-app next-portfolio --use-npm cd next-portfolio 不要ファイルを削除rm -rf pages/api/ pages...

2023.02.11

React(書評)