Условный рендеринг или аналог Redux?

Question

[Капитан Какао]

Ребят, есть интернет магазин и там компонент с разметкой карточки товара ProductItem.
Нужно выводить иконки типа: "Новинка", "Подарок" и "Супер цена".
Я вот думаю как правильнее реализовать отображение иконок, сделать условный рендеринг при помощи самого React в контейнерной компоненте, или лучше это реализовывать как-то через Redux? Если Redux, то в какую сторону гуглить?

Интересуюсь с точки зрения правильности.

Comments

[n1ksON]

В Redux вы можете хранить данные каждого товара, у которого будет записана информация о наличии иконки.
А в зависимости от пришедших данных в компоненту про иконку, отображать нужную

[Капитан Какао]

n1ksON, то есть правильно будет сделать так:

1. В сторе храню информацию о каждом товар в наличии у него иконки
2. В ProductItemСontainer .jsx получаю данные из стора и с помощью уловного рендеринга отображаю или не отображаю иконку.

Верно?

[Максим Федоров]

n1ksON че за бред, не понимаю (я не фронт если что)

разве вы инфу не из АПИ выводите? Какой Redux? В Redux состояние же хранят приложения, какое состояние приложение вы увидели в тегах товаров?

[n1ksON]

Капитан Какао, правильно или не правильно - это для каждого своё :) Я бы сделал так, но вы же говорите что иконки разные и их всего 3 типа. Соответственно в ProductItem я бы сделал, к примеру, useEffect и в зависимости от пришедших данных отображал бы нужную иконку.

[n1ksON]

Максим Федоров, интересное дело) А где же вы будете хранить данные пришедшие из API? Все это дело хранится в store. Можете почитать подробнее про redux-saga. Они как раз нужны для того, чтобы удобно получать данные из API и отправлять их в store.

[Максим Федоров]

n1ksON, вы сейчас серьезно? Хотите хранить товары в сторадже?

[Максим Федоров]

n1ksON,

Можете почитать подробнее про redux-saga

Читал, нигде не пишут в лоб, что данные, получаемые по АПИ и не нужные для состояния приложения хранить в стейте

[Капитан Какао]

Максим Федоров, данные хранятся на сервере и отдаются по API, полученные по API данные ложатся в Redux

[Максим Федоров]

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

[Максим Федоров]

Капитан Какао, ниже дали разумный ответ

Answer 1

[ParaBellum577]

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