https://github.com/wakamsha/cyclejs-snabbdom

https://github.com/wakamsha/cyclejs-snabbdom

cyclejs rxjs snabbdom typescript

Last synced: 9 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/wakamsha/cyclejs-snabbdom
• Owner: wakamsha
• License: mit
• Created: 2017-05-15T05:19:29.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2017-05-21T01:13:41.000Z (about 9 years ago)
• Last Synced: 2025-03-09T22:48:19.963Z (over 1 year ago)
• Topics: cyclejs, rxjs, snabbdom, typescript
• Language: TypeScript
• Homepage: https://tech.recruit-mp.co.jp/front-end/post-12253/
• Size: 58.6 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# cyclejs-snabbdom

[カスタム Module を自作して『Snabbdom』を機能拡張する - Cycle.js を学ぼう #7 – NET BIZ DIV. TECH BLOG](https://tech.recruit-mp.co.jp/front-end/post-12253/) にて紹介しているサンプルコードです。

### AnimationModule

![animation](https://cloud.githubusercontent.com/assets/2629981/26278341/09dcc56e-3dd3-11e7-98ed-ffb10cc6cf3f.gif)

### PulseHook

![pulse](https://cloud.githubusercontent.com/assets/2629981/26278340/09d76826-3dd3-11e7-87e7-baab4f6309b9.gif)

## Requirement

- Node.js v7.9.0

- npm v4.4.4

- yarn v0.21.3

## Usage

### How to use the DEMO

`npm`コマンドを実行します。

```console

$ npm run start

```

`http://localhost:3000` が立ち上がります。

`gulp`コマンドから起動することも出来ます。

```console

$ gulp

```

起動中は watch 状態となっており、`.ts`, `.styl`, `.pug` ファイルを編集すると自動でコンパイルが実行されてブラウザがリロードします。

## Installation

Node パッケージをインストールします。

```console

$ yarn install

```

## Author

@wakamsha