Over the years, the Bitmatica team has tried many technologies and we've gradually assembled a "best practice" contemporary web app stack that we believe is stable, powerful, and production-ready.
This project provides an example of these chosen technologies wired up and working together.
With a few customizations, this could serve as great initial commit for your next web app.
Some of the most important components of the stack include:
| Category | Role | Technology |
|---|---|---|
| Logic | Language | ES6+ |
| Views | React | |
| Models | Ampersand.js Models | |
| Router | Ampersand.js Router | |
| Toolbelt | lodash | |
| Styles | Language | Sass |
| Framework | Bootstrap v4 | |
| Tools | Dependencies | npm |
| Module Bundler | Webpack | |
| Linter | ESLint |
See package.json for a complete list of dependencies.
First, make sure you have a recent version (v6.2.0+) of Node.js installed. Then:
$ git clone https://github.com/bitmatica/bitmatica-web-app-boilerplate.git
$ cd bitmatica-web-app-boilerplate
$ npm install
$ npm run watchBrowse to http://localhost:8888 to see the project in action!
To install application dependencies:
$ npm installTo start a server at http://localhost:8888 that automatically hot reloads on change:
$ npm run watchTo build an minified version of the project into ./build:
$ npm run buildBy default the "production" environment is built. To build "staging":
$ NODE_ENV=staging npm run buildTo lint script files with ESLint:
$ npm run lintRead the TODO for a list of improvements/additions we are considering.
Read main.scss for a description of how our styles are organized and how we use CSS Modules.
Make sure to check out Bitmatica's Javascript Style Guide for a comprehensive listing of our Javascript style rules and their rationales.
Bitmatica is a San Francisco-based software design and development company. We build web and mobile applications for companies around the world Visit bitmatica.com to learn more about us.
MIT © Bitmatica