Георгий Буханов — React Loadable: Code Splitting with Server Side Rendering
Ближайшая конференция — HolyJS 2024 Autumn, 7 ноября (online), 14–15 ноября (Санкт-Петербург + трансляция).
Подробности и билеты: https://jrg.su/K18Cxd
— —
. . Когда у нас достаточно большое приложение, существенной проблемой при его старте становится один-единственный бандл со всем кодом. Нужно разбивать приложение на отдельные бандлы и загружать их динамически, когда это необходимо.
Разделить один бандл на несколько помогают такие инструменты, как Browserify и webpack. Но как только требуется также организовать рендеринг на сервере и имплементировать универсальную загрузку данных для нашего приложения, решать эту проблему становится сложнее. Кроме того, нам нужно найти места в нашем приложении, где мы будем разбивать его на другие бандлы и загружать их асинхронно, а также подумать, как нам связать сервер и клиент.
Если открыть в документации React Router 4 раздел «Code-splitting + server rendering», то можно увидеть: «We’ve tried and failed a couple of times».
В докладе будет показано, как можно решить эту проблему с помощью простой библиотеки React Loadable. Для этого доклада вам пригодятся знания React, Babel (ES6), Node, webpack 2 и Redux.