Size: a a a

React — русскоговорящее сообщество

2021 January 30

A

Andrew in React — русскоговорящее сообщество
Dmitriiy N
сорт вообще не сработал
И не должен был
источник

KK

Kirill Korney in React — русскоговорящее сообщество
Ребят, работал кто с WP REST API и мультиязычностью на react?
источник

A

Andrew in React — русскоговорящее сообщество
Kirill Korney
Ребят, работал кто с WP REST API и мультиязычностью на react?
Мультиязычность i18n
Использовать удобнее через хук
источник

KK

Kirill Korney in React — русскоговорящее сообщество
Andrew
Мультиязычность i18n
Использовать удобнее через хук
Ну я больше про кейс, делал кто такое?
Интересно можно ли сделать rest с i18n на WP.
Наверное лучше в чат по ВП.
источник

V

Vlad in React — русскоговорящее сообщество
Kirill Korney
Ну я больше про кейс, делал кто такое?
Интересно можно ли сделать rest с i18n на WP.
Наверное лучше в чат по ВП.
а зачем апишке i18n?
источник

V

Vlad in React — русскоговорящее сообщество
Апи не должна отвечать за слой отображения
источник

KK

Kirill Korney in React — русскоговорящее сообщество
Vlad
а зачем апишке i18n?
Ну мультиязысность, я ошибся.
источник

M

Mark in React — русскоговорящее сообщество
Есть 6 страниц, на которых отображаются карточки.

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

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

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

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

И так далее.

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

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

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

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

M

Mark in React — русскоговорящее сообщество
источник

M

Mark in React — русскоговорящее сообщество
источник

VB

Volodymyr Borysov in React — русскоговорящее сообщество
Mark
Есть 6 страниц, на которых отображаются карточки.

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

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

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

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

И так далее.

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

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

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

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



<Wrapper>
 <RowMusic>{bandName}<RowMusic />
 ...
</Wrapper>


в общих чертах
источник

A

Andrew in React — русскоговорящее сообщество
Mark
Есть 6 страниц, на которых отображаются карточки.

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

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

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

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

И так далее.

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

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

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

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

IS

Ivan Sequend 👾 in React — русскоговорящее сообщество
Mark
Есть 6 страниц, на которых отображаются карточки.

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

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

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

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

И так далее.

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

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

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

Как лучше поступить?
Я за 2 вариант. Создай каркас отдельным компонентом, эдакий Layout, а в нем уже рисуй содержимое.


1. В перспективе при необходимости сможешь добавить ещё разделы.

2. Удобней работать над каждым разделом отдельно

Ну и не будет «раздутого» компонента.
источник

O

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

А

Амангельди in React — русскоговорящее сообщество
Однозначно второй вариант, с кучей условиями замучаешься, и расширять каталог будет гемаройнее.

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

AM

Ahma Mahma in React — русскоговорящее сообщество
Привет, подскажите что за  баг странный с картинками?


Есть компонент Products а в нем есть CategoryFilter и products.map((prod)=><ProductItem prod={prod} />

В ProductItem делается - запрос на серв на картинку по айди - все продукты выводятся все норм,

Но когда я кликаю по категориям (CategoryFilter) массив с продуктами фильруется, фильтруется нормально, но картинки начинают немного баговать, типа произошёл фильтр по клику, новые продукты - новые запросы на картинки и если много раз по кликать по категориям картинки начинают сходить с ума.

Тут код и сайт где есть баг(тестово запустил)

Подскажите плз как решить.

https://stackoverflow.com/questions/65958828/why-my-images-are-blinking-and-chaning-when-i-click-on-category-filter
источник

A

Andrew in React — русскоговорящее сообщество
Ahma Mahma
Привет, подскажите что за  баг странный с картинками?


Есть компонент Products а в нем есть CategoryFilter и products.map((prod)=><ProductItem prod={prod} />

В ProductItem делается - запрос на серв на картинку по айди - все продукты выводятся все норм,

Но когда я кликаю по категориям (CategoryFilter) массив с продуктами фильруется, фильтруется нормально, но картинки начинают немного баговать, типа произошёл фильтр по клику, новые продукты - новые запросы на картинки и если много раз по кликать по категориям картинки начинают сходить с ума.

Тут код и сайт где есть баг(тестово запустил)

Подскажите плз как решить.

https://stackoverflow.com/questions/65958828/why-my-images-are-blinking-and-chaning-when-i-click-on-category-filter
У картинок есть ключи?
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
Ключи?
источник

BB

Behruz Berdiyev in React — русскоговорящее сообщество
источник

AM

Ahma Mahma in React — русскоговорящее сообщество
Andrew
У картинок есть ключи?
Ща скину скрину кода)
источник