Георгий Буханов — React Loadable: Code Splitting with Server Side Rendering скачать в хорошем качестве

Георгий Буханов — React Loadable: Code Splitting with Server Side Rendering

Ближайшая конференция: HolyJS 2025 Autumn, 20—21 ноября, Санкт-Петербург + online. Подробности и билеты: https://jrg.su/EM4wwV — — . . Когда у нас достаточно большое приложение, существенной проблемой при его старте становится один-единственный бандл со всем кодом. Нужно разбивать приложение на отдельные бандлы и загружать их динамически, когда это необходимо. Разделить один бандл на несколько помогают такие инструменты, как 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.