JavaScript @DjangoCon

Originally you had two tools:  transpile JS to turn it into ES5, then browserify it to one bundle.

Webpack is both of those tools plus more (CSS, images, assets, etc) for apps!

Rollup is the tool for libraries!

JS Starting stack:

  • Babel for transpilation
  • Webpack for bundling
  • ESLint for linting (or tsc)
  • yarn or npm for package management

Library: a codebase that you call from your code (Requests, HTTP)

Framework: a codebase that calls your code (Django)

Starting again:

create-react-app

  • Yarn compatible, Webpack & Babel, ESLint, and Jest
  • JSX and React
  • Redux must be installed, redux-logger, redux-react

Leave a comment