django-webpack-loader
react-async-component
Our great sponsors
django-webpack-loader | react-async-component | |
---|---|---|
10 | 1 | |
2,491 | 1,447 | |
0.1% | - | |
7.9 | 0.0 | |
24 days ago | over 1 year ago | |
Python | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
django-webpack-loader
- Django with React
-
what are 3 django packages everyone should know about?
Django Webpack Loader
-
Django and webpack
Check out https://github.com/django-webpack/django-webpack-loader
-
How can i get out of the frontend approach choice hell?
About one month ago i started having a lot of doubts on my frontend. At first, instead of decoupling frontend from backend, i decided to use a library called django-webpack-loader that lets me serve webpack from Django templates, so i created a Vue app and served it from Django (i used a simple index.html view). So at this point i basically have a SPA that instead of being decoupled from Django, it's served by Django.
-
SPA With Django
You can do this with Django and nothing else easily or you can use a third party library called Django-Webpack-Loader.
- Prelaunch: Definite Guide to Django and Webpack
-
Vuejs with django
In addition to what's already been said (completely separate frontend & backend; or do a CDN include), I've worked in a codebase that uses django-webpack-loader.
- Any good tutorials on pairing Vue with Django?
- How do you add reactivity to Django templates?
-
Show HN: Django and React SaaS boilerplate tutorial
The biggest challenge to using Django with React IMO is getting the right blend of isomorphic rendering down. I don't want to go full SPA with Django as this defeats the purpose of Django IMO. Most parts of the site I want server-rendered, while in stateful parts I want React. So, let's say I have a site with 20 different React "apps" (i.e. stateful components) that I want to distribute amongst my various Django sections (Django "Apps" within the same project). And I want to do that with one webpackconfig. How do I tell my webpack where to put all those react bundles? The answer I've found is django-webpack-loader[1], however as you can see in the Issues section, one of the biggest limitations here is the inability to chunk React (and other issues).
Does anyone have a solution they like for this kind of isomporphic Django problem?
1. https://github.com/owais/django-webpack-loader
react-async-component
-
Show HN: Django and React SaaS boilerplate tutorial
I've spent many years working on django including production setups for 3 different companies. My strong advice is to only use Django for API calls (DRF) and the built in admin UI. Do not use Django for ANY client facing static site rendering.
1. Deploy the React static pages and JS/CSS resources completely separately from Django. Cloudfront/S3 is my personal choice. You will need to tweak the CORS_ORIGIN_WHITELIST and CORS_ALLOW_HEADERS in the django settings but that's relatively easy.
2. Use Gatsy or something similar to help you with static site generation using react. Remember: React is in charge of HTML/JS/CSS of any type and Django should not get involved.
3. Use https://github.com/ctrlplusb/react-async-component or something similar to help break up your SPA so the browser doesn't have to load all of it at once and only loads smaller components on an as needed basis.
Don't mess with webpack and eject unless you have a very specialized need that cannot be addressed with everything out there.
What are some alternatives?
whitenoise - Radically simplified static file serving for Python web apps
loadable-components - The recommended Code Splitting library for React ✂️✨
django-compressor - Compresses linked and inline javascript or CSS into a single cached file.
django-sockpuppet - Build reactive applications with the django tooling you already know and love.
django-manifest-loader - Simplifies webpack configuration with Django
django-react-boilerplate - DIY Django + React Boilerplate for starting your SaaS
cookiecutter-react-django - From hello world to Heroku deployment, using separated Front and Back Ends
cash - An absurdly small jQuery alternative for modern browsers.
Next.js - The React Framework
create-react-app-django - Easily Run a Create React App in a normal Django Template View