dact

dact is a CLI Package in Python focusing towards decreasing development setup time while working with React + Django Full Stack Development. dact setup the whole, ready to work, Django project with React in just a single line command. It handles all the urls, views, webpack, loaders, babel,etc. for the user in just a single command. Using dact, a developer can start writing their React code and see it render on their Django Web App.

GeeksForGeeks Article - https://www.geeksforgeeks.org/djangoreact-full-stack-development-setup-using-dact/

Installing dact

pip install dact

Django + React

1. Start a Django Project with default Frontend app name dact myproject

2. Start Django Project with custom Frontend app name dact myproject appname

Requirements

1. You must have npm installed in your system.
2. You must have Python installed in your system.
3. Python and pip or pip3 must be added to your environment.

How to install this Package(for Development)

1. Clone this Repo
2. cd dact
3. pip3 install -e .

On successfull setup of your project, you should see something like this:

How to work with dact

To start the Server

cd myproject
python manage.py runserver

To start working on the frontend

1. Start watching the changes using dact-watch Let dact-watch run in a different terminal. Make sure you run dact-watch in the same directory as manage.py.

2. Edit your React Front-end at : reactfrontend > static > src > App.js

3. Make your changes and save your file.

4. Refresh your page.