All Projects → danwild → React Webpack Django

danwild / React Webpack Django

Licence: mit
De-coupled ReactJS client for greater flexibility and less black-box Django magic

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Webpack Django

Django React Boilerplate
Django, React, Bootstrap 4 with Python 3 and webpack project boilerplate
Stars: ✭ 1,164 (+4750%)
Mutual labels:  webpack, django
Django Project Template
Thorgate's Django project template - Django, React, Sass, optional Docker and more
Stars: ✭ 91 (+279.17%)
Mutual labels:  webpack, django
Django Webpacker
A django compressor tool that bundles css, js files to a single css, js file with webpack and updates your html files with respective css, js file path.
Stars: ✭ 69 (+187.5%)
Mutual labels:  webpack, django
Adfs managers
This is site (web-app) to manage teams and statistic for ADFS
Stars: ✭ 10 (-58.33%)
Mutual labels:  webpack, django
Django Webpack Loader
Transparently use webpack with django
Stars: ✭ 2,327 (+9595.83%)
Mutual labels:  webpack, django
Pychat
webchat via WebSockets/WebRTC that allows messaging/video call/screen sharing
Stars: ✭ 152 (+533.33%)
Mutual labels:  webpack, django
Docker Django Example
A production ready example Django app that's using Docker and Docker Compose.
Stars: ✭ 86 (+258.33%)
Mutual labels:  webpack, django
Cookiecutter Django Vue
Cookiecutter Django Vue is a template for Django-Vue projects.
Stars: ✭ 462 (+1825%)
Mutual labels:  webpack, django
Docker Django Webpack Skeleton
Django Skeleton W/ Docker Dev & Production W/ Webpack 2 W/ BabelJS W/ Sass W/ PostgreSQL
Stars: ✭ 191 (+695.83%)
Mutual labels:  webpack, django
Froggy Service
邱威傑市民服務網站
Stars: ✭ 155 (+545.83%)
Mutual labels:  webpack, django
Qikqiak.com
关注容器、kubernetes、devops、python、golang、微服务等技术 🎉🎉🎉
Stars: ✭ 394 (+1541.67%)
Mutual labels:  webpack, django
Vue Django
@Django integrated with a full-featured @Webpack + (@vuejs / vue-loader) setup with hot reload, linting, testing & css extraction.
Stars: ✭ 495 (+1962.5%)
Mutual labels:  webpack, django
Django Uwsgi Taskmanager
Django application to monitor and manage long and/or recurring tasks through uWSGI.
Stars: ✭ 22 (-8.33%)
Mutual labels:  django
Zhihu
django + vue 仿知乎
Stars: ✭ 24 (+0%)
Mutual labels:  django
Docker Tutorial
Docker 基本教學 - 從無到有 Docker-Beginners-Guide 教你用 Docker 建立 Django + PostgreSQL 📝
Stars: ✭ 906 (+3675%)
Mutual labels:  django
Django Source
django 源码剖析
Stars: ✭ 20 (-16.67%)
Mutual labels:  django
Csgo Map Veto
An application to do map veto for the game Counter-Strike Global Offensive.
Stars: ✭ 24 (+0%)
Mutual labels:  webpack
Django Rest Booking Api
A Restful api which allows you to book sports events or update existing odds.
Stars: ✭ 24 (+0%)
Mutual labels:  django
Uicookbook
A few recipes and build workflows for UI dev
Stars: ✭ 19 (-20.83%)
Mutual labels:  webpack
Wp Vuejs
WordPress VueJS Starter Theme
Stars: ✭ 19 (-20.83%)
Mutual labels:  webpack

react-webpack-django

Full-stack application scaffold. Structured to provide much needed decoupling between the client application build and Django's opinionated pipeline/staticfiles systems.

Achieved by using webpack to manage our client bundling, with these tools:

In short, we'll let Django do what it is good at; Server-side/ORM stuff, while de-coupling the client for greater flexibility (and less confusing black-box Django magic!)

routing notes

  • Routing (e.g. /, /about) has been configured using react-router-dom.
  • In our Django apps urls.py we have defined a catchall which essentially defers routing to React.
  • There is also an example url configured to allow django to serve a route template (depending on your use case you may want a mix of both approaches).

styling

todo

  • Client/Server request auth.

install, build, run etc.

From project root:

# javascript things
npm install                         # install js packages
npm run watch                       # run webpack build for client app, and rebuild on \*change

# python things
virtualenv venv                     # create python virtualenv
source venv/bin/activate            # enter venv
pip install -r requirements.txt     # install pip packages
python manage.py runserver          # serve

*to just build a webpack bundle once use: npm run build

License

MIT License

Resources

Heavily based on these great resources:

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].