React(書評)

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

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

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

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

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

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

React.js＆Next.js超入門 第2版posted with ヨメレバ掌田津耶乃 秀和システム 2021年02月27日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る 「React.js & Next.js超入門」の感想・備忘録3の続き Next.js Next.jsとは SSR, SSG, ルーター機能、を提供してくれる。 インストール npm init np...

React.js＆Next.js超入門 第2版posted with ヨメレバ掌田津耶乃 秀和システム 2021年02月27日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る 「React.js & Next.js超入門」の感想・備忘録2の続き Redux インストール npm install redux react-redux 語句 State: 値 Reducer:...

React.js＆Next.js超入門 第2版posted with ヨメレバ掌田津耶乃 秀和システム 2021年02月27日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る 「React.js & Next.js超入門」の感想・備忘録1の続き コンポーネント 関数コンポーネント 関数コンポーネントはJSXをreturnする関数である。 JSXで<コンポーネント名 />...

React.js＆Next.js超入門 第2版posted with ヨメレバ掌田津耶乃 秀和システム 2021年02月27日頃 楽天ブックスで見る楽天koboで見るAmazonで見るKindleで見る 点数 82点 感想 React.jsとNext.jsに関してはわかりやすかったが、ReduxとFirebaseはわかりづらかった。 Reactの入門書としてはまずまずだと思う。 基礎 Reactを...