前回は 2024 年のフロントエンド技術学び直し (2) にて React のチュートリアルを完了しました。今回は Next.js のチュートリアルを進めていきたいと思います。

Next.js のチュートリアル

Next.js の公式ドキュメントにある Learn Next.js を進めていきます。どうやらこのチュートリアルではいくつかの機能を持つ簡単な財務ダッシュボードを作っていくようです。

前回は 2024 年のフロントエンド技術学び直し (1) にて React のチュートリアルを進めました。今回も引き続きチュートリアルを進めていきます。

6. Displaying Data with Props

• props は引数を表していて、コンポーネントに渡すことができるようになっている。
• JavaScript の分割代入 の記法を書くことでパラメーター名に明示的な名前をつけることができる。
• JSX コード内で JavaScript の変数を使いたい場合は {} で囲めば JavaScript として評価される。

7. Adding Interactivity with State

状態とイベントハンドラーを用いて React がどのように対話性を追加するかをみてみます。

株式会社 MIXI を退職しました にあるように退職したおかげで 1 ヶ月弱の有休消化期間ができました。私にとってフロントエンド技術に関しては疎くいい加減この苦手意識を根絶したくフロントエンド技術について学び直します。