Георгий Буханов — 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.
Watch video Георгий Буханов — React Loadable: Code Splitting with Server Side Rendering online, duration hours minute second in high quality that is uploaded to the channel HolyJS 22 November 2017. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 4,028 times and liked it 101 visitors.
