С помощью React.js можно собирать интерфейсы?

Question

[lavezzi1]

Здравствуйте.
Наткнулся на UI фрейmворк https://www.lightningdesignsystem.com от SaleForce. Очень заинтересовала структура и реализация.

Как сгенерированы страницы с компонентами?
Я заметил, что у каждого класса на странице есть атрибут data-reactid="0.0".
А также в репозитории проекта такие конструкции:

module.exports = (
  <div className={pf('text-heading--medium')}>
    The quick brown fox jumps over the lazy dog.
  </div>
	);

Расскажите пожалуйста, как это работает?

Answer 1

[Roman_Kh]

Это сделано с помощью React и React Router, а потом собрано WebPack'ом

Comments

[lavezzi1]

Собрано в статичный макет вы имеете ввиду?

[Roman_Kh]

Собрано из исходного кода в работающее приложение: откомпилировано, разделено на модули и минифицировано.

[Никита Гущин]

lavezzi1: то, что вы видите - это не HTML-макет, а jsx, который транслируется в js