Skip to content

aalises/preact-typescript-parcel-starter

Repository files navigation

Preact + Typescript + Parcel Starter

Zero configuration bundling and lightweight state management and view => Preact + Typescript + Parcel Bundler + Redux Zero + Jest + Pupetteer

This starter project contains many features and technologies to start the development ASAP.

Features:

  • TypeScript: Strong typing and the future of JavaScript
  • Preact: dom manipulation + components
  • Redux-Zero: state management
  • Preact-Bind-Group: Group Form fields onChange Events to a single Callback, making forms easier to manage
  • Parcel: 0 configuration bundler
  • Jest: Delightful javascript testing
  • Puppeteer: Headless chrome node API scrapper
  • Lynt: 0 configuration linting for TS + React

run development server npm run dev

build the project (on /dist) npm run build

run tests npm run test

run linting npm run lint

The starter includes a basic sample application showcasing the different technologies using Bulma for styles. The example consists on a restaurant order making form with validation/model and some global state management by storing the orders and displaying them on a table. Try it out here