コンポーネントを「次へ」ページから分離

1374 ワード

ページとコンポーネント


Nextjsでは、ページとコンポーネントフォルダを別々に使用します.何が違うの?
  • ページとは、その名の通り、ページで見たものを指す.これとは異なり、componentsはページ内のコンポーネントの集まりの場所です.
  • 📁 現在のフォルダ構造

    - components
    	- organisms
        	- goals
            	- goals.tsx
                - index.ts
                - goals.styled.ts
    - pages
    	- goals
        	- form
            	- index.tsx
            - index.tsx ✨ 여기에서 goals component 사용
    nextではURIはpagesの構造に依存する.それぞれ/goals/formページと/goalsページが存在する.

    どこまで作りますか?


    これは開発者の傾向にかかっている.私はページを開発する時、ページの大部分(layoutを除く)をcomponentに変えましたが、他のチームメンバーはindex.tsxに入る要素を複数のcomponentに変えました.これをきっかけに、陶磁器のデザインが反映されています.

    どこで受け取ればいいですか?


    Firestoreでデータを保存およびインポートしています.ページからコンポーネントを取得して渡すのは、コンポーネントを簡単に管理する方法です.制作を始めたばかりの頃は「Pageが展示されているのでPageはシンプルにコンポーネントの中で一般的な仕事をしていきたい」と思っていましたしかし、実際には私の考えとは正反対です.(私たちのチームメンバーを引用すると)componentはUIだけを知っていて外で何が起こるか分からない馬鹿にしなければなりません.

    改善


    親アセンブリによって伝達される支柱は、
  • サブアセンブリで使用できます.
  • サブアセンブリgoals component親アセンブリgoals page
  • までは、サブアセンブリから抽出されるため、親アセンブリでは使用できません.
  • コンポーネントはUIのみに関係するため、スタイルに関連するプロパティを簡単に検索および変更できます.

  • 他の開発者の意見を知るためにreact fetch in component or pageで検索しましたが、fetchの技術方法を教えてくれたので、欲しい文章が見つかりませんでした.