Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kotarella1110/riot-starter

Riot.js Starterkit
https://github.com/kotarella1110/riot-starter

babel riotcontrol riotjs sass webpack2

Last synced: 18 days ago
JSON representation

Riot.js Starterkit

Awesome Lists containing this project

README

        

# Riot.js Starterkit

[![RiotJS Style Guide badge](https://cdn.rawgit.com/voorhoede/riotjs-style-guide/master/riotjs-style-guide.svg)](https://github.com/voorhoede/riotjs-style-guide)

This is a simple starterkit for riot applications. Companion to the [RiotJS Style Guide](https://github.com/voorhoede/riotjs-style-guide).

This starterkit is based on:

* [Riot.js](http://riotjs.com/ "Riot.js — Simple and elegant component-based UI library · Riot.js")
* [RiotControl](https://github.com/jimsparkman/RiotControl/ "jimsparkman/RiotControl: Event Controller / Dispatcher For RiotJS, Inspired By Flux")
* [Babel](https://babeljs.io/ "Babel · The compiler for writing next generation JavaScript")
* [Sass](http://sass-lang.com/ "Sass: Syntactically Awesome Style Sheets")
* [Webpack2](https://webpack.js.org/ "webpack")

## Installation

Install `yarn` if you don't have.

```bash
$ npm install -g yarn
```

Download or clone this repo, then install Node.js using [nvm](https://github.com/creationix/nvm "creationix/nvm: Node Version Manager - Simple bash script to manage multiple active node.js versions").

```bash
$ cd to/this/dir
$ nvm install
$ nvm use
```

Install package.

```bash
$ yarn install
```

## Run locally

```bash
$ yarn start
```

Open the URL shown in your browser.

If you want to view demos, Open with `/demos.html` path.

## Build

### Development

```bash
$ yarn build
```

### Production

```bash
$ yarn build:prod
```

## Watch

### Development

```bash
$ yarn watch
```

### Production

```bash
$ yarn watch:prod
```

## License

MIT