React.js&Next.js超入門 第2版を読んでみた

react

React 17 & React Hooks 対応なので、最新の React を学ぶことができます。

React.js & Next.js超入門 第2版

サンプルファイルのダウンロード
https://www.shuwasystem.co.jp/support/7980html/6398.html

おまけ情報

Link コンポーネントについて

import Link from "next/link";

Next.jsでのサイト内ページ遷移方法
https://qiita.com/IYA_UFO/items/f13577bad7dd9ef1ae89

Next.js 10 の新機能 next/image のオプション全部触ってみる
https://www.forcia.com/blog/001561.html

2021/6/16 に Next.js 11がリリースされました。

Next.js 11の新機能紹介~パフォーマンス向上、ライブコーディング等々~
https://qiita.com/eyuta/items/570ae6b9f69df64236c1

【Next.js 11】next/script には JavaScript の基本がつまっていた
https://zenn.dev/aiji42/articles/9a6ab12ab5f6e6

Next.jsに専用のESLintが追加された!
https://zenn.dev/thiragi/articles/555a644b35ebc1

React初心者に捧ぐNext.jsのススメ
https://zenn.dev/masayannuu/articles/187d448ef82401

create-react-appとNext.jsの比較
https://qiita.com/Nishi53454367/items/c49d859f32f7c4708c04

Next.js 9.1: srcディレクトリとpublicディレクトリがサポートされました
https://qiita.com/mottox2/items/dbbbd3cf44c4f3edfa76

2020年師走における Next.js をベースとしたフロントエンドの環境構築
https://zenn.dev/higa/articles/d7bf3460dafb1734ef43

Next.jsの/pages内でページ以外のコンポーネントを配置する方法
https://zenn.dev/uttk/articles/d6be1c224494cb

Next.js公式examples集を分類(2021年1月版)
https://qiita.com/masakinihirota/items/bbe6c2e2f548fdce03dc

Pages – Vercel
https://nextjs.org/docs/basic-features/pages

next.js で createContext を使う方法

Using React Context for state management in Next.js
https://www.netlify.com/blog/2020/12/01/using-react-context-for-state-management-in-next.js/

nextjs with typescript:37 useContext
https://note.com/fz5050/n/ne0584b0defaf

Next.jsのuseSWRが便利だったのでuseEffectと比較してみた.
https://taroosg.io/useeffect-vs-useswr

// swrでクライアントからデータ取得してdataに入れる
// 指定したタイミングでfetcher関数を実行してくれる
const { data: data } = useSWR(“geolocation”, fetcher, {
// 初期データ
initialData: null,
// pollingの期間
refreshInterval: 0,
// windowのフォーカス時にRevalidateする
revalidateOnFocus: true,
});

そうです。わたしがReactをシンプルにするSWRです。
https://zenn.dev/uttk/articles/b3bcbedbc1fd00

Serverless Next.js At The Edge
https://www.serverless.com/blog/serverless-nextjs

Next.js + TypeScriptのディレクトリ構造案
https://uuuundefined.tokyo/blog/nextjs-directory-tree/

Reactアプリケーションを高速化するための方法
https://qiita.com/SoraKumo/items/2163f75cf3b054c1f626

コメント

タイトルとURLをコピーしました