Comment on page
Matestack Ui Core - Boost your productivity & easily create component based web UIs in pure Ruby. Reactivity based on Vue.js included if desired. No Opal involved.
Most important changes:
- Changed to MIT License
- 5 to 12 times better rendering performance (depending on the context)
- Removed Trailblazer dependency
- Improved core code readability/maintainability
Matestack presented and explained at RailsConf 2021:
In contrast, Matestack helps Rails developers creating modern, reactive web apps while focusing on simplicity, developer happiness and productivity:
- Use Ruby’s amazing language features while creating your UI
- Skip using templating engine syntax and write pure Ruby instead
- Create a single application, managing the full stack from database to a reactive UI in pure Ruby
- Drastically reduce the complexity of building reactive web applications
Why? Because Ruby is just beautiful! More Ruby = More developer happiness = Higher productivity
Additionally, most of Matestack does not require Action Cable or Redis, but can optionally use the power of these tools.
Matestack currently offers two open source Ruby gems**:**
matestack-ui-coreships all you need to build reactive UIs in pure Ruby. You have to take care of styling and additional UI components yourself.
matestack-ui-bootstrapships 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! --> https://docs.matestack.io/matestack-ui-bootstrap/
matestack-ui-bootstrapare automatically tested against:
- Rails 6.1.1 + Ruby 3.0.0
- Rails 6.1.1 + Ruby 2.7.2
- Rails 22.214.171.124 + Ruby 2.6.6
- Rails 126.96.36.199 + Ruby 2.6.6
Rails versions below 5.2 are not supported.
matestack-ui-corerequires Vue.js and Vuex for its reactivity features. Following version ranges are supported:
- Vue.js ^2.6.0
- Vuex ^3.6.0
Vue 3 / Vuex 4 update is planned for Q2 2021.
matestack-ui-coreis designed to be installed via Npm or Yarn and bundled via something like Webpacker together with all your other dependencies.
Before you dive into some code, you should read about the basic architecture concepts and different ways to build with Matestack:
After that, it might be a good idea to boost your knowledge with our quick start guide: