которая будет отображать внутренности каждой карточки. Но проблема в том, что каждая карточка имеет разные данные, и ее нельзя сделать универсальной.
Карточка фильма содержит описание, год, жанр, длительность, трейлер.
Карточка музыки содержит жанр, дату выхода, песни.
Приложение содержит жанр, описание, доступные устройства, скриншоты, отзывы пользователей.
И так далее.
Я нашел несколько вариантов реализации:
1. Создать универсальную карточку, которая будет по сути содержать данные всех шести карточек, и отображать нужные элементы через кучу условий.
В таком случае компонент страницы карточки раздуется, а вместе с ним и стили.
2. Создать 6 отдельных страниц для каждой карточки, но в таком случае частично будет повторяться каркас страницы.
Как лучше поступить?
карказ/обёртку делаете универсальным компонентом, и как children передаёте туда необходимые поля для отрисовки <Wrapper> <RowFilm>{filmName}<RowFilm /> .... </Wrapper> <Wrapper> <RowMusic>{bandName}<RowMusic /> ... </Wrapper> в общих чертах
Каркас общий, манить данные и по данным отображать ту или иную часть страницы
Я за 2 вариант. Создай каркас отдельным компонентом, эдакий Layout, а в нем уже рисуй содержимое. 1. В перспективе при необходимости сможешь добавить ещё разделы. 2. Удобней работать над каждым разделом отдельно Ну и не будет «раздутого» компонента.
А вообще есть ли какие нибудь полезные статьи, решения для таких дел? Я тоже сталкивался с этим
Однозначно второй вариант, с кучей условиями замучаешься, и расширять каталог будет гемаройнее. Чтобы каркас страницы не повторялся просто создай компонент обёртку и всё
Обсуждают сегодня