В FSD архитектуре React, шаблоны страницы обычно хранятся в папке "pages". Однако, если эти шаблоны (Detal и List) используют shared/ui шаблон, то вам может понадобиться создать отдельную папку, например "templates" или "layouts", чтобы хранить эти шаблоны в отдельности от страниц. Например, вы можете иметь следующую структуру папок:
- src
- components
// здесь хранятся компоненты, общие для всего приложения
- pages
- List.js
- Detal.js
- shared
- ui.js
- templates
- ListTemplate.js
- DetalTemplate.js
В "List.js" и "Detal.js" вы можете импортировать соответствующие шаблоны из папки "templates". Например, в "List.js" вы можете импортировать "ListTemplate.js" и использовать его для отображения списка.
Это только один из вариантов организации файлов. В итоге, идея состоит в том, чтобы иметь четкое разделение компонентов страницы и общих шаблонов, чтобы обеспечить повторное использование кода и легкость поддержки.
