{"id":17049594,"url":"https://github.com/armour/django-webpack-react-typescript-hmr-boilerplate","last_synced_at":"2026-04-09T19:48:41.962Z","repository":{"id":75316604,"uuid":"77495596","full_name":"Armour/Django-Webpack-React-Typescript-HMR-Boilerplate","owner":"Armour","description":":tada: Full-stack boilerplate that use django with webpack, react and typescirpt! (hot module reload and materialize-css supported) :tada: **(Deprecated)**","archived":false,"fork":false,"pushed_at":"2018-07-01T03:24:52.000Z","size":4147,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-23T04:27:38.804Z","etag":null,"topics":["babel","django","es6","eslint","gulp","hmr","jest","materialize","react","react-hot-reload","react-redux","react-router","react-router-redux","redux","stylelint","tslint","typescript","webpack-dev-server","webpack2","yarn"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Armour.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-12-28T02:11:21.000Z","updated_at":"2018-07-01T03:24:54.000Z","dependencies_parsed_at":"2023-07-08T15:15:22.971Z","dependency_job_id":null,"html_url":"https://github.com/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armour%2FDjango-Webpack-React-Typescript-HMR-Boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armour%2FDjango-Webpack-React-Typescript-HMR-Boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armour%2FDjango-Webpack-React-Typescript-HMR-Boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armour%2FDjango-Webpack-React-Typescript-HMR-Boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Armour","download_url":"https://codeload.github.com/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Armour%2FDjango-Webpack-React-Typescript-HMR-Boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28131083,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-12-30T02:00:05.476Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["babel","django","es6","eslint","gulp","hmr","jest","materialize","react","react-hot-reload","react-redux","react-router","react-router-redux","redux","stylelint","tslint","typescript","webpack-dev-server","webpack2","yarn"],"created_at":"2024-10-14T09:54:56.929Z","updated_at":"2025-12-30T19:03:34.939Z","avatar_url":"https://github.com/Armour.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Django-Webpack-React-Typescript-HMR-Boilerplate\n\n[![Maintenance](https://img.shields.io/badge/Maintained%3F-no-red.svg)](https://bitbucket.org/lbesson/ansi-colors)\n[![Build Status](https://travis-ci.com/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate.svg?token=xzmwu2pcJ1tBo5AwTZV3\u0026branch=master)](https://travis-ci.com/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate)\n[![Dependency Status](https://david-dm.org/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate/status.svg)](https://david-dm.org/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate)\n[![DevDependency Status](https://david-dm.org/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate/dev-status.svg)](https://david-dm.org/Armour/Django-Webpack-React-Typescript-HMR-Boilerplate?type=dev)\n[![MIT Licence](https://badges.frapsoft.com/os/mit/mit.svg?v=103)](https://opensource.org/licenses/mit-license.php)\n\n### This project is DEPRECATED\n\nPlease checkout [this one](https://github.com/Armour/express-webpack-react-redux-typescript-boilerplate) with Node.js support! :)\n\n## Stack\n\n- [x] [django](https://www.djangoproject.com/) - backend\n- [x] [yarn](https://github.com/yarnpkg/yarn) - dependency manager\n- [x] [gulp](https://github.com/gulpjs/gulp) - task runner\n- [x] [materialize](http://materializecss.com/) - a modern responsive front-end framework based on Material Design\n- [x] [sass](https://github.com/sass/sass) - CSS pre-processors\n- [x] [postcss](https://github.com/postcss/postcss) - CSS post-processor\n- [x] [webpack 2](https://github.com/webpack/webpack) - module bundler\n- [x] [webpack-dev-server](https://github.com/webpack/webpack-dev-server) - provides fast in-memory access to the webpack assets for live reloading\n- [x] followed [ES6 standard](https://github.com/lukehoban/es6features)\n- [x] [babel](https://babeljs.io/) - compile ES6 to ES5\n- [x] [react](https://facebook.github.io/react/) - building user interfaces\n- [x] [react-hot-loader 3](https://github.com/gaearon/react-hot-loader) - hot module reload!\n- [x] [react-router](https://github.com/ReactTraining/react-router) - routing\n- [x] [react-redux](https://github.com/reactjs/react-redux) - the official react bindings for [redux](https://github.com/reactjs/redux) (a predictable state container for js apps)\n- [x] [react-router-redux](https://github.com/reactjs/react-router-redux) - keep react-router and redux in sync\n- [x] [Typescript](https://github.com/Microsoft/TypeScript) - a typed superset of javascript that scales\n- [x] [DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped) - high quality TypeScript type definitions\n- [x] [editorconfig](http://editorconfig.org/) - maintain consistent coding styles between different editors and IDEs\n- [x] [eslint](http://eslint.org/) - lint javascript files (.js, .jsx)\n- [x] [tslint](https://palantir.github.io/tslint/) - lint typescript files (.ts, .tsx)\n- [x] [stylelint](https://stylelint.io/) - lint style files (.css, .scss)\n- [x] [pylint](https://www.pylint.org/) - lint python files (.py)\n- [x] [postgresql](https://www.postgresql.org/) - advanced open source database\n- [x] [prismjs](https://github.com/PrismJS/prism) - code syntax highlight\n- [x] [jest](https://facebook.github.io/jest/) - painless javascript testing\n- [x] [coveralls](https://coveralls.io/) - test coverage\n- [x] [husky](https://github.com/typicode/husky) - git hooks\n- [x] [travis-ci](https://travis-ci.org/) - continuous integration tool for testing and deployment\n- [ ] [docker](https://github.com/docker/docker) - the open-source application container engine\n\n## Install \u0026\u0026 Run\n\n### Prerequisite\n\n- `node`\n- `yarn` (recommended) or `npm`\n- `python 3.6.0` and `virtualenv`\n  - Tip: you can use `pyenv` to manage your different versions of python\n- `postgresql` or other databases\n\nInstall [yarn](https://yarnpkg.com/en/docs/install#linux-tab) follows official documentation.\n\nInstall [pyenv](https://github.com/yyuu/pyenv) follows official documentation.\n\n### Install project dependencies\n\nGo to project root directory:\n\n```bash\nyarn\nyarn global add gulp\nbash patch.sh\n```\n\nIf you meet permission problem when try to install yarn globally, check [this](https://github.com/yarnpkg/yarn/issues/1060#issuecomment-268160528) out.\n\n### Set up python virtual environment\n\nIf you don't have python 3.6.0 installed, you can choose to use [pyenv](https://github.com/yyuu/pyenv)\n\n```bash\nbrew install pyenv\npyenv install 3.6.0\npyenv local 3.6.0\n```\n\nAfter that, create a virtual python environment using python 3.6.0, naming the folder as `pyenv` which has been added to `.gitignore`\n\n```bash\npip install virtualenv\nvirtualenv -p python3 pyenv\n```\n\nSource your virtualenv and install the required package through pip\n\n```bash\nsource pyenv/bin/activate\npip install -r backend/requirements.txt\n```\n\n### Customize your django setting\n\n```bash\nvim backend/project_name/settings.py\n```\n\nYou probably want to change:\n\n1. Database Config\n1. Timezone\n1. Cache Method\n1. Others\n\n(if you are using `postgresql`, then create a user called `django` with `django` database, and the default setting is good to go, otherwise you may need to install database driver for your own database)\n\n### Run gulp with webpack to generate bundle assets\n\n**On development (with react-hot-reload):**\n\n```bash\ngulp\n```\n\n**On production (with uglify-js and other optimazitions):**\n\n```bash\nNODE_ENV=production gulp\n```\n\n### Run django backend server\n\n```bash\ncd backend\n```\n\n**On development:**\n\n```bash\npython manage.py makemigrations\npython manage.py migrate\npython manage.py runserver\n```\n\n**On production:**\n\n```bash\nvim project_name/settings.py\n```\n\nSet `DEBUG` to `False`\n\n```bash\npython manage.py makemigrations\npython manage.py migrate\npython manage.py collectstatic\n# Setup Apache or Nginx to support static files here\npython manage.py runserver\n```\n\n### Run test\n\n```bash\nyarn test\n```\n\n### Code coverage\n\n```bash\nyarn coveralls\n```\n\n### License\n\nMIT License\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmour%2Fdjango-webpack-react-typescript-hmr-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farmour%2Fdjango-webpack-react-typescript-hmr-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farmour%2Fdjango-webpack-react-typescript-hmr-boilerplate/lists"}