A minimalistic but scalable starter project for modern and native Web Component frontend development.

Technology: Typescript | postcss | rollup | native web components | dom-native library (<7kb gzip, < 17 min.js)

THE DOM IS THE FRAMEWORK - ZERO IE TAX | ZERO VIRTUAL DOM | ZERO FRAMEWORK

Install & Run

# Clone the base code to your folder
git clone git@github.com:dom-native/quickstart.git  my-frontend-project/

cd my-frontend-project/

# make it yours
rm -Rf .git

# install the dependencies
npm install

# build and start REPL development 
npm run watch

# (should open http://localhost:8888/index.html in your default browser)

Start coding

After npm run watch for live coding:

• pcss/main.pcss and its imports gets recompiled as dist/app-bundle.pcss
• src/**/*.ts files get re-compiled as dist/app-bundle.js
• design.sketch if present and if has sketch installed, generates svg/sprite.svg and pcss.var-colors.pcss