Я разработчик Django, только начинаю с добавления React на одну страницу своего приложения и до сих пор наслаждаюсь этим. (Это обычное приложение Django с домашней страницей, страницей и т.д., Но также и с "диаграммой" с интерактивной диаграммой, и я хочу создать интерактивную часть в React.)
Проблема в том, что я начал с загружаемого набора для перезапуска React, и я не уверен, как делать вещи "правильно", и это осложняет используя Django для моего проекта (все учебные пособия, похоже, предполагают, что вы используете node, чего я не знаю).
Прямо сейчас у меня есть это в моем шаблоне Django:
<div id="myapp"></div>
<script src="/static/js/vendor/react.js"></script>
<script src="/static/js/vendor/JSXTransform.js"></script>
<script src="/static/js/myapp.js"></script>
И myapp.js
имеет весь код React. Я знаю, что на самом деле это не взрослый современный способ JS делать вещи.
Теперь я хочу использовать React Bootstrap, но кажется, что единственный разумный способ сделать это - npm
. Поэтому пришло время сделать переключатель, но я не совсем уверен, как это сделать.
Я запускал npm install react
и npm install react-bootstrap
из моего каталога static/js
в Django. Это создало папку node_modules
с различными файлами внутри.
Итак, три вопроса от путаного новичка:
- Где я должен поместить код React для работы с этими модулями npm (следует ли использовать
var React = require('react')
? - Нужно ли мне каким-то образом скомпилировать этот код (используя
webpack
?) - Как мне интегрировать это с Django? Должен ли я скомпилировать все это в
myapp.js
и просто включить это в свой HTML-шаблон?