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

#reactjs #performance

Вопрос:

Я попытался погуглить это, но все, что я получил, — это рецепты, позволяющие быстрее реагировать на приложения, или рецепты о том, как разместить несколько приложений на одной странице, но ничего об относительной производительности одного или нескольких/многих react.createElement на одной странице…

У нас есть устаревшее приложение, построенное на zend/twig, и мы (очень медленно) переводим его в react. До сих пор мы в основном перемещали объекты по одному представлению за раз, но мы рассматриваем возможность использования меньших компонентов по всему сайту, таких как создание компонента заголовка таблицы и замена всех заголовков таблиц. Поэтому, если бы таблица имела 30 заголовков, это было бы 30 react.Создайте элемент. Это теоретически хорошая идея или в любом случае она окажет большое влияние на производительность?

Любое понимание было бы очень ценно, Джоя

Комментарии:

1. Я думаю, что вам, возможно, потребуется проверить это и решить самостоятельно. Под капотом React постоянно вызывает createElement каждый элемент в любом случае, когда вы используете JSX, см. react без JSX . Я думаю, что проблема, с которой вы столкнетесь чаще, заключается в том, что если все это разные точки монтирования, они, скорее всего, не будут совместно использовать дерево реактивного dep и не смогут также совместно использовать контекст. Можете ли вы показать пример того, что вы хотите попробовать сделать, чтобы сделать это более понятным?

2. @zero298 Из вашего ответа кажется, что теоретически, по крайней мере, это не должно иметь большого влияния, но да, я проверю это и буду знать наверняка 🙂