https://github.com/dherault/menestrel_old

Tell stories like it's 1390
https://github.com/dherault/menestrel_old

Last synced: 23 days ago
JSON representation

Tell stories like it's 1390

• Host: GitHub
• URL: https://github.com/dherault/menestrel_old
• Owner: dherault
• License: mit
• Created: 2015-07-24T13:13:39.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-17T13:00:50.000Z (about 7 years ago)
• Last Synced: 2024-05-02T00:56:45.838Z (6 months ago)
• Language: JavaScript
• Homepage:
• Size: 330 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Menestrel

WIP

A library that breaks React's reactive paradigm to describe sequences of operations on components.

Meant to create onboardings, tell stories and ease the art creation dev pain.

```js

const scenario = {

  'first scene': _ => {

    _.mount(FirstComponent)

    _.show(FirstComponent)

    _.wait(2000)

    _.hide(FirstComponent)

    _.wait(1000)

    _.unmount(FirstComponent)

    _.runScene('second scene')

  },

  'second scene': _ => {

    _.mount(SecondComponent)

    _.wait(1000)

    _.show(ThirdComponent)

    _.wait(2000)

    _.pause()

    _.unmount(SecondComponent)

    _.hide(ThirdComponent)

    _.mount(ButtonComponent, {

      onClick: () => _.run(_ => {

        _.unmount(ButtonComponent)

        _.runScene('first scene')

      }),

    })

    _.resume()

  },

}

```