本記事は Reactウィーク 5日目の記事です。 4日目 ▶▶ 本記事 はじめに 利用するツール Next.js (App Router) Apollo Client GraphQL-Codegen 前提 実装 型定義コードの自動生成 Apollo Clientの設定 実際にクエリを実行してみる Query Mutation この構成に…

本記事は Reactウィーク 4日目の記事です。 3日目 ▶▶ 本記事 ▶▶ 5日目 はじめに （簡単に）MUI/Emotionとは MUI Emotion 開発環境の準備 Next.jsのプロジェクト作成 インストール MUI/Emotionのインストール インストール Next.jsの設定 オリジナルアコーデ…

本記事は Reactウィーク 3日目の記事です。 2日目 ▶▶ 本記事 ▶▶ 4日目 はじめに Pages Router: シンプルなファイルベースのルーティング 主な特徴 利点 欠点 Pages Router を使うべき場面の具体例 App Router: 次世代の柔軟なルーティング 主な特徴 利点 欠…

本記事は Reactウィーク 2日目の記事です。 1日目 ▶▶ 本記事 ▶▶ 3日目 はじめに カスタムフックとは カスタムフックを使うメリット 実際に作ってみる メニューコンポーネント まとめ はじめに こんにちは、NRIネットコムの中野です。 先日食べたローソンの…

本記事は Reactウィーク 1日目の記事です。 告知記事 ▶▶ 本記事 ▶▶ 2日目 はじめに ビジュアルテスト（Visual Regression Testing）とは Chromatic アドオンの導入 事前準備 1. アドオンのインストール 2. アドオンの有効化 ビジュアルテストの実行 まとめ…

こんにちは、ブログ運営担当の小野です。 今月のブログイベントについてお知らせします！ Reactウィーク 9月のブログイベントは「Reactウィーク」です！ WebサイトやWebアプリ上のUIパーツを構築するのに便利なJavaScriptライブラリであるReactについて、NRI…