Есть 6 страниц, на которых отображаются карточки. Сейчас я создаю страницу,

Question

Есть 6 страниц, на которых отображаются карточки. Сейчас я создаю страницу,

которая будет отображать внутренности каждой карточки. Но проблема в том, что каждая карточка имеет разные данные, и ее нельзя сделать универсальной.

Карточка фильма содержит описание, год, жанр, длительность, трейлер.

Карточка музыки содержит жанр, дату выхода, песни.

Приложение содержит жанр, описание, доступные устройства, скриншоты, отзывы пользователей.

И так далее.

Я нашел несколько вариантов реализации:

1. Создать универсальную карточку, которая будет по сути содержать данные всех шести карточек, и отображать нужные элементы через кучу условий.
В таком случае компонент страницы карточки раздуется, а вместе с ним и стили.

2. Создать 6 отдельных страниц для каждой карточки, но в таком случае частично будет повторяться каркас страницы.

Как лучше поступить?

#frontend #javascript #programming #react.js #russian

0

30.01.2021

6 ответов

3 просмотра

. Автор вопроса

0

30.01.2021

Andrew

Каркас общий, манить данные и по данным отображать ту или иную часть страницы

0

30.01.2021

Ivan Sequend

Я за 2 вариант. Создай каркас отдельным компонентом, эдакий Layout, а в нем уже рисуй содержимое. 1. В перспективе при необходимости сможешь добавить ещё разделы. 2. Удобней работать над каждым разделом отдельно Ну и не будет «раздутого» компонента.

0

30.01.2021

OMG2SMART4YOU Хикматов

.

А вообще есть ли какие нибудь полезные статьи, решения для таких дел? Я тоже сталкивался с этим

0

30.01.2021

Rossoneri98

.

Однозначно второй вариант, с кучей условиями замучаешься, и расширять каталог будет гемаройнее. Чтобы каркас страницы не повторялся просто создай компонент обёртку и всё

0

30.01.2021

Volodymyr Borysov · Accepted Answer

Volodymyr Borysov

карказ/обёртку делаете универсальным компонентом, и как children передаёте туда необходимые поля для отрисовки <Wrapper> <RowFilm>{filmName}<RowFilm /> .... </Wrapper> <Wrapper> <RowMusic>{bandName}<RowMusic /> ... </Wrapper> в общих чертах

0

30.01.2021

169 похожих чатов

Есть 6 страниц, на которых отображаются карточки. Сейчас я создаю страницу,

6 ответов

Похожие вопросы