Next.js practice

React を初めて学習しました。

以前 Nuxt3（beta）で開発した妊婦向け Web アプリ What to eat? のコピーを、スタイリングや表示コンテンツの量は一旦考慮せずに、JS コアロジックだけさっくり作って React の練習をした試みです（作業時間1日）。

GitHub: https://github.com/yuichiro-yoshida/next-js-practice

3種類の検索条件をAND条件で組み合わせて、リアクティブにデータをフィルタリングして表示します。

練習したこと

• JSXの利用、リストレンダリング
• コンポーネントの分割とprops、親子コンポーネント間の受け渡し
• 基礎的なフォーム（制御されたコンポーネント）の扱い - input text, checkbox, radio button
• イベント処理
• stateのリフトアップ
• Hooksの利用 - useState, useEffect, 自作Hook