עוד מחשבה על תבנית ה index.ts שמייצא הכל
בואו נדמיין פרויקט ריאקט שיש בו תיקייה בשם src/components/HomePage
ובתוכה ערימה של תיקיות וקובץ אחד בשם index.ts
:
.
├── EmptyState
│ ├── EmptyState.tsx
│ └── index.ts
├── ErrorState
│ ├── ErrorState.tsx
│ ├── ErrorState.types.ts
│ └── index.ts
├── RecentArticles
│ ├── RecentArticles.tsx
│ ├── RecentArticles.types.ts
│ └── index.ts
├── RecentArticlesCard
│ ├── RecentArticleCard.tsx
│ ├── RecentArticleCard.types.ts
│ └── index.ts
├── RecentArticlesContent
│ ├── RecentArticlesContent.tsx
│ ├── RecentArticlesContent.types.ts
│ └── index.ts
└── index.ts
תוכן הקובץ index.ts יהיה:
export * from './EmptyState';
export * from './ErrorState';
export * from './RecentArticles';
export * from './RecentArticlesCard';
export * from './RecentArticlesContent';
למה שמישהו יכתוב ככה? מה היתרונות ומה החסרונות? והאם כדאי לנו גם להשתמש בתבנית זו בפרויקטים שלנו? (כן אני יודע רובכם כבר משתמשים. בגלל זה הפוסט)