https://github.com/phalt/django-render-react
Render React pages with Django view data as props
https://github.com/phalt/django-render-react
Last synced: 13 days ago
JSON representation
Render React pages with Django view data as props
- Host: GitHub
- URL: https://github.com/phalt/django-render-react
- Owner: phalt
- License: other
- Created: 2023-01-30T21:50:50.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-02T04:04:16.000Z (about 3 years ago)
- Last Synced: 2026-03-08T00:55:49.693Z (3 months ago)
- Language: Python
- Size: 74.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: COPYING
Awesome Lists containing this project
README
# Django Render React
Render React pages with Django view data as props
* https://hackernoon.com/reconciling-djangos-mvc-templates-with-react-components-3aa986cf510a
* https://stackoverflow.com/questions/49273796/django-react-render
[](https://github.com/cookiecutter/cookiecutter-django/)
[](https://github.com/ambv/black)
License: GPLv3
## Settings
Moved to [settings](http://cookiecutter-django.readthedocs.io/en/latest/settings.html).
## Basic Commands
### Setting Up Your Users
- To create a **normal user account**, just go to Sign Up and fill out the form. Once you submit it, you'll see a "Verify Your E-mail Address" page. Go to your console to see a simulated email verification message. Copy the link into your browser. Now the user's email should be verified and ready to go.
- To create a **superuser account**, use this command:
$ python manage.py createsuperuser
For convenience, you can keep your normal user logged in on Chrome and your superuser logged in on Firefox (or similar), so that you can see how the site behaves for both kinds of users.
### Type checks
Running type checks with mypy:
$ mypy django_render_react
### Test coverage
To run the tests, check your test coverage, and generate an HTML coverage report:
$ coverage run -m pytest
$ coverage html
$ open htmlcov/index.html
#### Running tests with pytest
$ pytest
### Live reloading and Sass CSS compilation
Moved to [Live reloading and SASS compilation](https://cookiecutter-django.readthedocs.io/en/latest/developing-locally.html#sass-compilation-live-reloading).
## Deployment
The following details how to deploy this application.
### Custom Bootstrap Compilation
The generated CSS is set up with automatic Bootstrap recompilation with variables of your choice.
Bootstrap v5 is installed using npm and customised by tweaking your variables in `static/sass/custom_bootstrap_vars`.
You can find a list of available variables [in the bootstrap source](https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss), or get explanations on them in the [Bootstrap docs](https://getbootstrap.com/docs/5.1/customize/sass/).
Bootstrap's javascript as well as its dependencies are concatenated into a single file: `static/js/vendors.js`.