States
suggest change# States are read using the 'state' method, and updated using 'mutate'# when states change they cause re-render of all dependent dom elementsclass StateExample < Hyperloop::Componentstate count: 0 # by default states are initialized to nilrender doDIV doSPAN { "Hello There" }A { "Click Me" }.on(:click) { mutate.count(state.count + 1) }DIV do"You have clicked me #{state.count} #{'time'.pluralize(state.count)}"end unless state.count == 0endendend
Note that states can be shared between components using Hyperloop::Stores
Found a mistake? Have a question or improvement idea?
Let me know.
Table Of Contents