Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: 3 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 (over 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-04T01:57:49.000Z (over 1 year ago)
- Last Synced: 2024-01-22T01:27:24.091Z (5 months ago)
- Topics: flyjs, hyperapp, rollup, rollup-example
- Language: JavaScript
- Homepage:
- Size: 716 KB
- Stars: 47
- Watchers: 2
- Forks: 15
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- hyperawesome - tzellman/hyperapp-boilerplate - Boilerplate showing how to create a production-ready Hyperapp application. (Boilerplates V1)
- awesome-projects-boilerplates - hyperapp-boilerplate - ready Hyperapp application. (JavaScript)
README
[](https://github.com/tzellman/hyperapp-boilerplate/issues)
[](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))