ブックマーク / zenn.dev/panda_program (1)

  • Next.jsに「できるだけ」依存しないReactアプリケーションの構成

    TL;DR 記事で紹介するのは、ReduxReact Router を使った React アプリケーション構築時のベストプラクティスを Next.js に適用した考え方です。 Next.js を外部モジュールと考え、Container/Presentation の Container を Adapter 層と見なす考え方 next/router などの Next.js の組み込みモジュール、Store、SWR(React Query) は Container(Pages) 層で利用する Storybook でコンポーネントを表示する際、Next.js 等のモックをできるだけ作らない 但し、Template 層以下の next/link や next/image への依存は制御できない なお記事では、Next.js の依存層、Pages 層とTemplate 層という言葉は以下のこ

    Next.jsに「できるだけ」依存しないReactアプリケーションの構成
    infobloga
    infobloga 2021/01/18
    この修正後からやってもそんなに工数取らないと思うんだけどな。形式的にNext.jsに依存しないようにしても、最上位コンポーネントで非同期データを全部解決するっていう設計に縛られていて、後は全部細部だと思う。
  • 1