Нормальная ли практика, делать вложенность методов .map() в компонентах React?

Question

[­]

Есть компонент №1, который map'ит несколько других компонентов №2. И каждый из компонентов №2, map'ит ещё небольшой список компонентов.
Мне надо будет в дальнейшем делать сложную фильтрацию, и боюсь что такая вложенность map'ов может повлиять на производительность.
И в целом, можно ли так делать? Если да, то какой предел вложенности?

Answer 1

[Robur]

нормально.
Нет особой разницы как вы выводите список, через map или как-то еще. Если вам нужно вывести все эти 20? компонентов - вы их должны вывести и основные тормоза у вас будут не во время работы .map а во время рендеринга этого всего на страницу и обновления потом. Используйте стабильные Id, если сильно переживаете.

О производительности надо беспокоиться когда что-то начинает тормозить. Ну или хотя бы тогда когда вы сделали профилирование и что-то вам там не понравилось.

Если прямо очень-очень хочется сделать все максимально оптимально - возьмите mobx и mobx-react с его бесплатной оптимизацией из коробки, и разбейте все на достаточно мелкие объекты и компоненты.

Comments

[­]

У меня квест, я должен сделать без mobx, редакса и прочего, на одном реакте.