preact-typescript-parcel-starter - GitLite

KO | EN

gitlite — search

#hacktoberfest #android #machine-learning #deep-learning #linux #nodejs #windows #awesome #cli #kubernetes #vue #security #ios #open-source

preact-typescript-parcel-starter

(★ 50)

Starter with Preact - Typescript - Parcel Bundler

File Explorer

Download Latest Version (.zip)

- - component-form.tsx
  - main.tsx
  - order-burrito-form.tsx
  - table-orders.tsx
- - order-burrito-model.tsx
- - actions.ts
  - connect.tsx
  - store.ts
- index.css
- index.html
- index.tsx
- orderBurritoForm.spec.ts
.gitignore
.prettierrc
LICENSE
package.json
README.md
tsconfig.json
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/aalises/preact-typescript-parcel-starter

Downloads the entire project code from GitHub to your computer.

cd preact-typescript-parcel-starter

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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:](https://github.com/Microsoft/TypeScript) Strong typing and the future of JavaScript
- [Preact:](https://github.com/developit/preact) dom manipulation + components
- [Redux-Zero:](https://github.com/concretesolutions/redux-zero) state management
- [Preact-Bind-Group:](https://github.com/k1r0s/preact-bind-group) Group Form fields onChange Events to a single Callback, making forms easier to manage
- [Parcel:](https://github.com/parcel-bundler/parcel) 0 configuration bundler
- [Jest:](https://github.com/facebook/jest) Delightful javascript testing
- [Puppeteer:](https://github.com/GoogleChrome/puppeteer) Headless chrome node API scrapper
- [Lynt:](https://github.com/saadq/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](https://bulma.io/) 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](https://aalises.github.io/preact-typescript-parcel-starter/)