Actionの仕様を決める(decide the specification of Action )

[anharu2394]

Actionの仕様が迷う。どうしようか。

[anharu2394]

こうとか（hyperapp風

actions = {
  up: -> { |value|
     -> |state| {
      { count: state.count + value }
    }
  }
}

actions = {
  up: -> { |value|
    action do |state|
      { count: state.count + value }
    end
  }
}

[anharu2394]

moduleを使うとか

Module Actions
  def up(value)
    action do |state|
       { count: state.count + value }
    end
  end
  def set_state(value)
    action do  # 必ずしもstateを取らなくていい
     { count: value}
   end
  end
end

[anharu2394]

action methodでブロック取るにはいい感じなんじゃないかと思ってる。 stateはオプションで取ればいいし。

action do |state|
    { count state.count + value }
end

[anharu2394]

前のstateが要らないならただhashを返すだけでもいいか。

[anharu2394]

Moduleの場合は、module methodにしないと、actions.upのようにできない。それを設定するのはめんどいので、好ましくない。 Classにすればインスタンスを作ると、actions.upとできるのでClassにしようかな。

Class Actions
  def up(value)
    action do |state|
       { count: state.count + value }
    end
  end
end

[anharu2394]

things action need are previous state(optional), preload(optional), eventObject(optional).

issues

• how to pass actions to view(onclick, onchange ,so on)

[anharu2394]

    class Actions
      def up(value)
        action do |state|
          { count: state.count + value }
        end
      end
    end
    view = component do |state, actions|
      div({}, [
            div({}, 'Count:' + state.count.to_s),
            input(type: 'button', onclick: actions.up(1), class: 'button', value: 'Set count')
          ])
    end

this example, can pass state and preload, but cannot pass eventObject

[anharu2394]

so,this like can all elements.

    class Actions
      def up(value)
        action do |state, event|
          state.merge({ count: state.count + value })
        end
      end
    end
    view = component do |state, actions|
      div({}, [
            div({}, 'Count:' + state.count.to_s),
            input(type: 'button', onclick: actions.up(1), class: 'button', value: 'Set count')
          ])
    end

[anharu2394]

   class Actions
      def up(value)
        action do |props|
          # props == { state:{ ~~~~}, event:{ ~~~}, actions: {~~}}
          state.merge({ count: props.state.count + value })
        end
      end
    end
    view = component do |state, actions|
      div({}, [
            div({}, 'Count:' + state.count.to_s),
            input(type: 'button', onclick: actions.up(1), class: 'button', value: 'Set count')
          ])
    end

[anharu2394]

action do |state, event, actions|
end