Установка Django + React Full Stack для разработки с использованием Dact

Опубликовано: 7 Августа, 2021

Когда мы работаем над проектом, использующим Django в качестве серверной части и имеющим мощный интерфейс с использованием React , настройка разработки занимает значительное количество времени для настройки - настройка Babel, Webpack, URL-адресов, представлений и т. Д. выше, чтобы начать работу с ReactJS до того, как появилось приложение npx create-response-app .

Команда npx create-react-app позволяет нам работать над реакцией, не думая обо всех Babel, Webpack и т. Д. Это становится проблемой, когда мы пытаемся использовать npx create-response-app в нашем приложении Django . Итак, в этой статье мы собираемся использовать приложение Python CLI или PackageDact. Dact позволяет нам настроить установку React-Django Development всего за одну команду . Его исходный код открыт, и его код доступен на GitHub .

 Примечание. Убедитесь, что в вашей системе установлены Python, pip и npm.

Выполните следующие шаги, чтобы успешно настроить проект React-Django в вашей системе:

Шаг 1: Сначала нам нужно установить Dact с помощью pip, как показано ниже:

 pip install dact

Шаг 2: Убедитесь, что dact успешно установлен, набрав «dact» в терминале.

 дакт

Шаг 3. Чтобы запустить проект разработки полного стека Django-React, просто введите:

 dact {your_project_name}

Он создает проект Django с указанным вами именем и интерфейсное приложение с именем «reactfrontend». Вы также можете настроить проект, используя собственное имя интерфейсного приложения, используя

 dact {your_project_name} {react_front_end_app_name}

Шаг 4: войдите в проект

 cd my_project

Шаг 5: Запустите Django Server

 сервер запуска python manage.py

Ваша приветственная страница обслуживается на localhost: 8000

Шаг 6: Следите за изменениями в файле React.

Откройте другой терминал и введите

 дакт-часы

 Примечание. Убедитесь, что вы находитесь в том же каталоге, что и manage.py .

Позвольте dact-watch работать в фоновом режиме, пока вы работаете над своим Front-end.

Шаг 7: Отредактируйте свой интерфейс React. Чтобы отредактировать файл React, вам нужно перейти по адресу:

 reactfrontend> static> src> App.js

Напишем Hello GeeksForGeeks.

Внесите изменения. Убедитесь, что часы Dact-Watch работают в фоновом режиме. Обновите страницу приветствия.

Теперь вы можете создать собственное приложение Django для серверной части и разработать проект своей мечты, используя React и Django с помощью Dact ..

Внимание компьютерщик! Укрепите свои основы с помощью базового курса программирования Python и изучите основы.

Для начала подготовьтесь к собеседованию. Расширьте свои концепции структур данных с помощью курса Python DS. А чтобы начать свое путешествие по машинному обучению, присоединяйтесь к курсу Машинное обучение - базовый уровень.

РЕКОМЕНДУЕМЫЕ СТАТЬИ