https://github.com/tzellman/hyperapp-boilerplate

This is a sample/boilerplate project that shows how to create a production-ready hyperapp application.
https://github.com/tzellman/hyperapp-boilerplate

flyjs hyperapp rollup rollup-example

Last synced: about 2 months ago
JSON representation

This is a sample/boilerplate project that shows how to create a production-ready hyperapp application.

• Host: GitHub
• URL: https://github.com/tzellman/hyperapp-boilerplate
• Owner: tzellman
• License: other
• Created: 2017-02-07T16:26:08.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-04T01:57:49.000Z (about 2 years ago)
• Last Synced: 2024-10-09T12:46:50.066Z (2 months ago)
• Topics: flyjs, hyperapp, rollup, rollup-example
• Language: JavaScript
• Homepage:
• Size: 716 KB
• Stars: 47
• Watchers: 3
• Forks: 15
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-projects-boilerplates - hyperapp-boilerplate - ready Hyperapp application. (JavaScript)
• hyperawesome - tzellman/hyperapp-boilerplate - Boilerplate showing how to create a production-ready Hyperapp application. (Boilerplates V1)

README

        
[![GitHub issues](https://img.shields.io/github/issues/tzellman/hyperapp-boilerplate.svg)](https://github.com/tzellman/hyperapp-boilerplate/issues)

[![dependencies](https://david-dm.org/tzellman/hyperapp-boilerplate.svg)](https://david-dm.org/tzellman/hyperapp-boilerplate)

# [HyperApp](https://github.com/hyperapp/hyperapp) Boilerplate

The purpose of this example was to create a starting-point for a [HyperApp](https://github.com/hyperapp/hyperapp) project.

I decided to use [Taskr](https://github.com/lukeed/taskr) along with [Rollup](https://github.com/rollup/rollup), since the

combination of the two seems to create a pleasant development/build experience.

I suppose this example can also be used as a starting point for a Taskr/Rollup app.

## Getting started

```bash

npm install

npm start

```

Your browser should have automatically launched [http://localhost:4000](http://localhost:4000)!

Any changes you make to your code will also automatically be reflected in the browser.

You can also view the example app here: [https://tzellman.github.io/hyperapp-boilerplate/](https://tzellman.github.io/hyperapp-boilerplate/).

## Building a release

```bash

npm run build

```

This will generate a `release` directory with your minified/rev'd assets.

## Using `serve`

```bash

npm run serve

```

This will use [serve](https://github.com/zeit/serve) to statically serve your app from the `release` directory.

## Credits

The basis of the counter code was mostly copied from @selfup's [hyperapp-one](https://github.com/selfup/hyperapp-one) example.

I also thank @lukeed and @jbucaran for all of the `taskr` examples, and the library itself.

## Author

Tom Zellman ([@tzellman](https://twitter.com/tzellman))