matestack-ui-core
!div
, span
and plain
are actually Ruby method calls mapped to a core rendering mechanism responsible for rendering simple HTML tags. matestack-ui-core
supports all known HTML tags enabling you to build a well known DOM structure while writing and utilizing pure Ruby!matestack-ui-core
can be used without any JavaScript involved! The following description of Matestack's Vue.js Integration is optional. You can combine the described HTML rendering with multiple other reactivity systems or none if you want!matestack-ui-core
provides a Vue.js integration enabling you to compose pre-built reactive components (Built-in reactivity) or custom Vue.js components (Custom reactivity) in pure Ruby.matestack-ui-core
ships a growing library of pre-built reactive components implemented with Vue.js serving exactly that purpose: Enable you to skip the JavaScript implementation and focus on real Ruby business logic implementation!toggle
and onclick
component:onclick
and toggle
and pass in required options like emit: :hello
or show_on: :hello
and a block like button 'click me'
or span ...
onclick
and toggle
triggers the rendering of a special HTML <component>
tag containing the configuration hash as tag attributes (e.g emit: hello
) and the given block as the inner HTML (e.g. button 'click me'
)toggle
component which will show its content, in this case a span containing a string “hello world”matestack-ui-core
, your custom reactive components require two files: A Ruby file defining the class and the template of the component and an associated Vue.js JavaScript file, containing pure Vue.js code:matestack-ui-bootstrap
shipping all you need to build beautiful, reactive UIs in pure Ruby and smart CRUD components based on Bootstrap v5. Don't think about styling anymore and just create admin or application UIs faster than ever before!matestack-ui-core
and matestack-ui-bootstrap
this reactive dummy app was created in pure Ruby without writing any JavaScript, ERB/HAML/SLIM and CSS: (check it out | source code)matestack-ui-bootstrap
is a separate Gem and documented here: https://docs.matestack.io/matestack-ui-bootstrap/