2016-06-24 2 views
6

Я хотел бы конвертировать веб-сайты из прототипа PSD в HTML/CSS/Bootstrap, а затем перейти к разработке JavaScript и использовать React.js и некоторую кодировку JavaScript.Можем ли мы использовать чистый Bootstrap с React.js?

Можно ли использовать чистый Bootstrap с React.js без использования React-Bootstrap?

Также возможно, что Фрилансер HTML/CSS может выполнять React-Bootstrap только как макет, а затем найти разработчика JavaScript, чтобы выполнить предварительную работу, такую ​​как React.js и JS development?

Я хотел бы разработать приложение для рабочего стола с использованием приложений Electron и Hybrid с использованием того же кода, насколько возможно.

+2

В общем, да, некоторые из материалов DOM, такие как модалы, могут дать вам некоторые проблемы. Но до тех пор, пока классName в вашем JSX = boostrap classnames вам должно быть хорошо – erichardson30

+0

@ erichardson30 Возможно ли найти разработчика CSS/HTML для создания кода React-Bootstrap (PSD для React-Bootstrap - только макет), а затем найти JavaScript-разработчика для создать React.js и JS? –

+0

Это выполнимо, но вы сами будете писать компоненты. И зачем это делать, если у вас может быть «кликабельный» прототип с React-Bootstrap? –

ответ

7

Теоретически, да. Поскольку ReactComponent отображают себя как html, вы можете просто поместить правильные классы css и там вы идете. Это абсолютно нормально для css-части бутстрапа.

BUT, все материалы javascript, сделанные библиотекой bootstrap, которые изменяют DOM, будут находиться в «конфликте» с виртуальным DOM of React. Один из способов избежать этого - никогда не перезапускать компонент реакции, для которого его внутренний html модифицируется путем начальной загрузки (путем установки shouldComponentUpdate() { return false }). В этом случае вы можете думать о React как о библиотеке шаблонов, чтобы генерировать некоторую разметку HTML, и позволить загрузочному блоку активно модифицировать эту разметку для вас, но это не то, для чего создан React.

Весь смысл реакции - это возможность видеть ваш пользовательский интерфейс в зависимости от вашего состояния: view = f(state) в любой момент. Именно поэтому react-bootstrap выполняет все модификации DOM в режиме React.

0

Обязательно вы можете. Я буду включать bootstrap css в качестве CDN и идти с нормальной разработкой.