Size: a a a

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

2020 September 23

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
Вопрос по реакту

Вот у меня есть <ul>
внутри него множество <li>
и есть css который относится к <li>

Мне как сделать, подключать css к <li> ?
Или к общему родителю <ul>

Оба варианта работают.
Вопрос как правильно?

css как бы один и тот же, если включить в родителе все li правильно отрисуются
но по идее стараюсь чтоб каждый компонент "таскал" свои вещи сам, а не "просил" об этом других
если включить css к <li> компоненты, то тогда css один и тот же отрендерится много раз ??
один и тот же похожий во foreach он много раз отрендерится и отнимет ресурсы.
или реакт умный, он сам там у себя под капотом оптимизирует.

Что скажете ??

Такой же похожий вопрос второй. Но только вместо css Модальное окно.
Сейчас я сделал так что у каждого <li> свое независимое модальное окно при нажатии кнопки. А там логика с firebase
Скажите, это неверный путь ?? Ведь я генерю много модального компоненты очень много раз.
Должен быть одно модальное окно, внутри него одна форма, и она должна обслуживать мои <li> компоненты ?? Или ничего страшного что много независимых модальных окон.

???
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Nurbek Nurjanov
Вопрос по реакту

Вот у меня есть <ul>
внутри него множество <li>
и есть css который относится к <li>

Мне как сделать, подключать css к <li> ?
Или к общему родителю <ul>

Оба варианта работают.
Вопрос как правильно?

css как бы один и тот же, если включить в родителе все li правильно отрисуются
но по идее стараюсь чтоб каждый компонент "таскал" свои вещи сам, а не "просил" об этом других
если включить css к <li> компоненты, то тогда css один и тот же отрендерится много раз ??
один и тот же похожий во foreach он много раз отрендерится и отнимет ресурсы.
или реакт умный, он сам там у себя под капотом оптимизирует.

Что скажете ??

Такой же похожий вопрос второй. Но только вместо css Модальное окно.
Сейчас я сделал так что у каждого <li> свое независимое модальное окно при нажатии кнопки. А там логика с firebase
Скажите, это неверный путь ?? Ведь я генерю много модального компоненты очень много раз.
Должен быть одно модальное окно, внутри него одна форма, и она должна обслуживать мои <li> компоненты ?? Или ничего страшного что много независимых модальных окон.

???
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Nurbek Nurjanov
Вопрос по реакту

Вот у меня есть <ul>
внутри него множество <li>
и есть css который относится к <li>

Мне как сделать, подключать css к <li> ?
Или к общему родителю <ul>

Оба варианта работают.
Вопрос как правильно?

css как бы один и тот же, если включить в родителе все li правильно отрисуются
но по идее стараюсь чтоб каждый компонент "таскал" свои вещи сам, а не "просил" об этом других
если включить css к <li> компоненты, то тогда css один и тот же отрендерится много раз ??
один и тот же похожий во foreach он много раз отрендерится и отнимет ресурсы.
или реакт умный, он сам там у себя под капотом оптимизирует.

Что скажете ??

Такой же похожий вопрос второй. Но только вместо css Модальное окно.
Сейчас я сделал так что у каждого <li> свое независимое модальное окно при нажатии кнопки. А там логика с firebase
Скажите, это неверный путь ?? Ведь я генерю много модального компоненты очень много раз.
Должен быть одно модальное окно, внутри него одна форма, и она должна обслуживать мои <li> компоненты ?? Или ничего страшного что много независимых модальных окон.

???
по рендерингу - забей, все одинаково
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Nurbek Nurjanov
Вопрос по реакту

Вот у меня есть <ul>
внутри него множество <li>
и есть css который относится к <li>

Мне как сделать, подключать css к <li> ?
Или к общему родителю <ul>

Оба варианта работают.
Вопрос как правильно?

css как бы один и тот же, если включить в родителе все li правильно отрисуются
но по идее стараюсь чтоб каждый компонент "таскал" свои вещи сам, а не "просил" об этом других
если включить css к <li> компоненты, то тогда css один и тот же отрендерится много раз ??
один и тот же похожий во foreach он много раз отрендерится и отнимет ресурсы.
или реакт умный, он сам там у себя под капотом оптимизирует.

Что скажете ??

Такой же похожий вопрос второй. Но только вместо css Модальное окно.
Сейчас я сделал так что у каждого <li> свое независимое модальное окно при нажатии кнопки. А там логика с firebase
Скажите, это неверный путь ?? Ведь я генерю много модального компоненты очень много раз.
Должен быть одно модальное окно, внутри него одна форма, и она должна обслуживать мои <li> компоненты ?? Или ничего страшного что много независимых модальных окон.

???
Компонент - это:
1) Логика
2) Разметка
3) Стили

Это все один компонент. Подключайте к компоненту его стили, вот и все
источник

YN

Yakov Nevidomskiy in React — русскоговорящее сообщество
всем привет!
кто подскажет:
как вернуть начальное состояние редьюсера (redux)  в функциональном компоненте при размонтировнии ?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Yakov Nevidomskiy
всем привет!
кто подскажет:
как вернуть начальное состояние редьюсера (redux)  в функциональном компоненте при размонтировнии ?
диспатчнуть событие, которое сбросит состояние
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
Vladimir Klimov
Компонент - это:
1) Логика
2) Разметка
3) Стили

Это все один компонент. Подключайте к компоненту его стили, вот и все
такой вопрос
Если один компонент рендерится много раз по циклу
то все внутренне заново генерится ?? даже если внутренности похожие
Реакт наверно будет думать что все они независимые
И у каждого свои стили будут

Реакт не знает что они похожи и надо оптимизировать
все равно отрендерит много раз
что будет неопитимально

Я правильно думаю ??
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Nurbek Nurjanov
такой вопрос
Если один компонент рендерится много раз по циклу
то все внутренне заново генерится ?? даже если внутренности похожие
Реакт наверно будет думать что все они независимые
И у каждого свои стили будут

Реакт не знает что они похожи и надо оптимизировать
все равно отрендерит много раз
что будет неопитимально

Я правильно думаю ??
Я не пойму, что "оптимизировать" должен реакт в данном случае?
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
вот у каждого компонента вверху есть такой код
import "./style.css"

это стайл файл будет много раз рендерится ??
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
Vladimir Klimov
Я не пойму, что "оптимизировать" должен реакт в данном случае?
то что сделать включить style.css только один раз
так как один и тот же файл
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Nurbek Nurjanov
вот у каждого компонента вверху есть такой код
import "./style.css"

это стайл файл будет много раз рендерится ??
Все стили соберутся вебпаком в один файл, скорее всего (условно, зависит от настроек, конечно), котрый подключится на страницу и все, тут реакт не при чем
источник

AE

Alexey Ermakov in React — русскоговорящее сообщество
один раз при компиляции вебпак всё по местам распихает
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
вот в этом и вопрос
webpack много раз включить один и тот же файл
или вебпак будет думать, я уже включил этот css файл
больше не буду типа
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
плиз скиньте статью любой стм против контекста
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
скомпиилированный файл будет раздутый включением добавлением одного того же файла по циклу
источник

ꟿⅨ in React — русскоговорящее сообщество
Вопрос от нуба, а React.memo ведь ничего не делает при conditional render-e
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
или вебпак собирает оптимизируя, не включая один и тот же файл много раз
источник

AE

Alexey Ermakov in React — русскоговорящее сообщество
Nurbek Nurjanov
вот в этом и вопрос
webpack много раз включить один и тот же файл
или вебпак будет думать, я уже включил этот css файл
больше не буду типа
один раз, вебпак не настолько тупой
источник

NN

Nurbek Nurjanov in React — русскоговорящее сообщество
Alexey Ermakov
один раз, вебпак не настолько тупой
ок, спс
источник

ꟿⅨ in React — русскоговорящее сообщество
то есть react.memo бесполезен при кондишонах?
источник