matestack-ui-core
before learning matestack-ui-vuejs
matestack-ui-vuejs
offers an event hub. Reactive components can emit and receive events through this event hub. "onclick" and "toggle" calling two of these reactive core components. "onclick" emits an event which causes the body of the "toggle" component to be visible for 5 seconds in this example.app/matestack/components/some_component.rb
app/matestack/components/some_component.rb
app/matestack/components/some_component.rb
app/matestack/components/some_component.rb
app/matestack/components/some_component.rb
app/controllers/some_controller.rb
app/matestack/components/some_component.rb
app/matestack/components/my_vue_js_component.rb
app/matestack/components/my_vue_js_component.js
matestack-ui-core
) and implement dynamic page transitions with components coming from matestack-ui-vuejs
without any custom JavaScript implementation required.matestack_vue_js_app
page_switch
and transition
components enable dynamic page transition, replacing the yielded content with new serverside rendered content rendered by the requested page.app/matestack/some_app/some_layout.rb
app/matestack/some_app/pages/page1.rb
app/matestack/some_app/pages/page2.rb
app/controllers/some_controller.rb
app/config/routes.rb
app/matestack/some_app/some_layout.rb
app/assets/stylesheets/application.scss