Пишу про разработку вообще и в частности про: JavaScript, HTML5, CSS3, AngularJS, ReactJS, Agile.

Асинхронные компоненты на react’е и webpack’е

Постоянно требуется разбивать приложение на части и подгружать постепенно. На то есть достаточно причин:

Дальше используем вот так – предположим у нас есть некий компонент, который хочется подгружать асинхронно он называется ColorSelector.jsx он написан совершенно обычно, без какой-либо мысли об асинхронности. Для того, чтобы его подгружать динамически нужно создать второй файлы: ColorSelector.async.jsx, в котором напишем:

И потом уже импортировать асинхронную версию.

Кстати, пример совершенно живой. Вот все файлы в реальном проекте:

И самое главное – webpack все за нас решает.

Поделиться:
comments powered by Disqus