Prelaunch: Definite Guide to Django and Webpack

Show & Tell
1

Background

For many people, it is not easy to make Django work with modern frontend tech, such as ES6, SCSS.

If we check online, many blog posts and tutorials are from view of frontend (such as building Single-page application), which might not work very well if we want to put JS, CSS files in Django template.

What is more, popular Django boilerplate projects on Github (such as cookiecutter-django) are still using a little outdated frontend tech (gulp workflow).

This is a PAIN, so I decide to help people solve it!

Why Webpack

  1. Webpack is the most popular bundle solution in the frontend community today, it has received 50k stars on Github.
  2. It has a great ecosystem, many plugins, loaders. If we search webpack on npmjs.com, we can get 20k resulst.
  3. If we do not need React, Vue, we can still use Webpack to help us compile ES6, SCSS and do many other things (Many people do not know that!)
  4. With a proper config, Webpack can save time and let us build modern web application in quick way.

Benefits

  1. We can still use Django template syntax and HTML as we are familiar with
  2. We do not need DRY (Django REST framework) and similar frameworks to expose data through API.
  3. We do not need to implement JWT, but using Django standard auth.
  4. We can write JS and SCSS in modern syntax, the code is more readable and easy to maintain.
  5. Code linter can help check JS and CSS code style.
  6. We can even develop in a flexible way, for example, we can use React or Vue.js to build some components in the web pages, and write other parts in Django template.

What is included:

  1. 7 blog posts which are all FREE
  2. An open source project on Github which help.

You can check Definite Guide to Django and Webpack to learn more about this tutorial series.

2 Likes
2

This is a good topic to cover in depth. I’m looking forward to your findings for part 5, code splitting. I haven’t found a great solution for it yet and have continued to punt on it.

3

Man, this is great, just in time for me - I was about to research it!

4

Michael, your link appears to have changed.

The updated one is:

Definite Guide to Django and Webpack