Welcome
Matestack Ui VueJs - Boost your productivity & easily create reactive web UIs in pure Ruby. Easily extend with pure JavaScript if required. No Opal involved.
Last updated
Matestack Ui VueJs - Boost your productivity & easily create reactive web UIs in pure Ruby. Easily extend with pure JavaScript if required. No Opal involved.
Last updated
matestack-ui-vuejs
ships all you need to build reactive UIs in pure Ruby orchestrating prebuilt Vue.js components with a simple Ruby DSL.
The prebuilt reactive components built on top of Vue.js are covering typical features of a reactive web UI, such as async form submission, dynamic page transitions or async partial UI updates. No Opal involved
If required, it can be easily extended with pure JavaScript.
matestack-ui-vuejs
was created because modern web app development became more and more complex due to the rise of JavaScript frontend frameworks and the SPA frontend/REST API/JSON backend architecture. This sophisticated approach might be suitable for big teams and applications but is way to complex for most of small to medium sized teams and application scopes.
In contrast, matestack-ui-vuejs
helps Rails developers creating modern, reactive web apps while focusing on simplicity, developer happiness and productivity:
Matestack, developed since 2018, goes even one step further: Use more Ruby and less of everything else (JavaScript, ERB/HAML/SLIM, CSS).
Additionally, most of matestack-ui-vuejs
does not require Action Cable or Redis, but can optionally use the power of these tools.
matestack-ui-vuejs
requires matestack-ui-core
matestack-ui-vuejs
is tested against:
Rails 7.0.1 + Ruby 3.0.0 + Vue.js 3.2.26
Rails 6.1.1 + Ruby 3.0.0 + Vue.js 3.2.26
Rails 6.1.1 + Ruby 2.7.2 + Vue.js 3.2.26
Rails 6.0.3.4 + Ruby 2.6.6 + Vue.js 3.2.26
Rails 5.2.4.4 + Ruby 2.6.6 + Vue.js 3.2.26
Rails versions below 5.2 are not officially supported.
Vue.js 2.x is supported when using the Compat build of Vue.js
Start right away and install matestack-ui-vuejs
on top of your Rails app, or read something about the features below.
and are awesome gems. They reduce the amount of required JavaScript when implementing reactive web UIs. They allow us to use more Rails and less JavaScript. Great!