目的：Reactを学ぶため、Next jsをセットアップする 理由：プロジェクト「study-react」をGitHubにpushするため 準備：Node.js推奨版のダウンロード（同時にnpmもダ…
useNavigateでページ遷移するときに遷移先に値を渡す 背景 useNavigateを使って遷移先のページに値を渡すときにpropsが使えないので困った 結論 useLocationを使用すれ…
Reactは現在最も人気のあるJavaScriptライブラリの一つで、 その理由と共に、Reactを学習するためのリソースをここに紹介します。 なぜReactを学ぶべきなのか？ 1. 需要が高い 現…
Next.jsとは React開発のためのフレームワークです。Vercelと言う会社が提供しています。 Reactとどう違うのか UIを構築するための機能を提供するライブラリーがReactだが、 N…
なぜcss modulesを使うのか css modulesを使用するとcssの管理が容易になる。 例えば、BEMを使用せずともクラスの命名被りを無くすことができる。 そして何より、Next.jsを…
はじめに よく技術記事でuseStateが説明されていたり、reactの全般的なもので const countUp = () => { setCount(count + 1) }; みたいな書き方を…
コンポーネント作成 コンポーネントを作成するときは、まず「components(名前は任意)」ディレクトリを作成する。 ちなみにコンポーネントファイルはjsx拡張子で作成すると、これコンポーネントか…
