aalises / preact-typescript-parcel-starter

Starter with Preact - Typescript - Parcel Bundler

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

Demo of the Starter example