この記事では、ReactやNext.jsにおけるページ遷移がコンポーネントのライフサイクルに与える影響について解説します。TicketMeの開発現場での実例をもとに、SSRからISRへの移行に伴い発生したクライアントサイドナビゲーションの問題点とその原因を詳述します。また、その問題を解決するために使用した、key、useEffect、useMemoといったReactのフックについて、それぞれのメリット・デメリットを説明し、適切な使用方法を提案します。特に、長期的なプロジェクトにおける保守性を考慮したフックの使い分けが重要であることを強調しています。

はじめに こんにちは！株式会社チケミーCTOの坂元(0xyusaka)です。 チケミーのテックブログにお越しいただきありがとうございます。 株式会社チケミーは、NFT技術を活用した新しいチケットのカタチを提案しているスタートアップです。 音楽ライブやスポーツイベント、演劇などのチケットを、NFTチケットとして発行・管理するプラットフォームを提供しています。 「NFTチケットって何？」と思う方もいるかもしれませんが、簡単に言うと、ブロックチェーン技術を使って電子チケットを発行する仕組みです。 チケミーでは「チケット」を一般的に想像されるものよりも広い意味で捉えており、モノの引換券や会員券などもN…