Laravel: создать несколько точек входа для реагирования

Question

Я использую Laravel с React JS, я хочу использовать React JS на некоторых страницах. Прямо сейчас я использую как это.

app.js

require('./bulk/personal/ComponentIndex');
require('./bulk/leaves/ComponentIndex');
require('./bulk/pay/ComponentIndex');
require('./bulk/general/ComponentIndex');
require('./bulk/appt/ComponentIndex');
require('./bulk/pf_nps/ComponentIndex');

Индекс компонента:

if (document.getElementById('app_bulk_personal')) {
    ReactDOM.render(<ComponentIndex />, document.getElementById('app_bulk_personal'));
}

У каждого ComponentIndex.js есть этот метод, в основном я определяю уникальный ключ в div в блейде. и работает нормально.

Это правильный способ сделать это?

Предположим, есть 1000 страниц (не нарушая ничего в моем существующем нативном коде Laravel), на которых я должен использовать реагировать, Как правильно это сделать?

Любые идеи.

В текущем сценарии я думаю, что будет неэффективно определять 1000+ require (..) в одном файле, так как это замедлит мое время загрузки для загрузки конкретной страницы, потому что каждый раз он будет проверять все if определено в ComonentIndex.js