|
1 | | -# Matestack Ui Bootstrap |
| 1 | +[](https://github.com/matestack/matestack-ui-bootstrap/actions) |
| 2 | +[](https://discord.com/invite/c6tQxFG) |
| 3 | +[](https://badge.fury.io/rb/matestack-ui-core) |
| 4 | +[](https://docs.matestack.io) |
| 5 | +[](https://twitter.com/matestack) |
2 | 6 |
|
3 | | -**Docs and specs in progress, please wait for official release announcement before using this gem** |
| 7 | + |
4 | 8 |
|
5 | | -## Development |
| 9 | +# matestack-ui-bootstrap | beautiful UIs in pure Ruby |
6 | 10 |
|
7 | | -### Dummy App |
| 11 | +As an extension for [`matestack-ui-core`](https://github.com/matestack/matestack-ui-core), `matestack-ui-bootstrap` ships all you need to build beautiful, |
| 12 | +reactive UIs in pure Ruby and smart CRUD components based on Bootstrap v5. |
8 | 13 |
|
9 | | -**initial setup** |
| 14 | +`matestack-ui-core` enables you to craft maintainable web UIs in pure Ruby, skipping ERB and HTML. UI code becomes a native and fun part of your Rails app. Thanks to reactive core components, reactivity can be optionally added on top without writing JavaScript, just using a simple Ruby DSL. |
10 | 15 |
|
11 | | -```shell |
12 | | -docker-compose build dummy |
13 | | -docker-compose run --rm dummy bash |
14 | | -``` |
| 16 | +You end up writing 50% less code while increasing productivity, maintainability and developer happiness. Work with pure Ruby. If necessary, extend with pure JavaScript. No Opal involved. |
15 | 17 |
|
16 | | -inside container: |
| 18 | +`matestack-ui-core` does not have an opinion on styling |
| 19 | +Don't think about styling anymore and just create admin or application UIs faster than ever before! |
17 | 20 |
|
18 | | -```shell |
19 | | -bundle install |
20 | | -yarn install |
21 | | -cd spec/dummy |
22 | | -bundle install |
23 | | -npm install (npm and not yarn!) |
24 | | -rails app:db:setup |
25 | | -``` |
| 21 | +[<img src="https://img.youtube.com/vi/bwsVgCb97v0/0.jpg" width="350">](https://www.youtube.com/watch?v=bwsVgCb97v0) |
26 | 22 |
|
27 | | -**dummy app start** |
| 23 | +The main goals are: |
28 | 24 |
|
29 | | -on your host: |
30 | | -```shell |
31 | | -docker-compose up dummy |
32 | | -``` |
| 25 | +- More maintainable UI code, using a component-based structure written in Ruby |
| 26 | +- Increased development speed and happiness, offering prebuilt UI-Components for typical requirements |
| 27 | +- Modern, dynamic UI feeling without the need to implement a separate JavaScript Application |
33 | 28 |
|
34 | | -and |
| 29 | +`matestack-ui-core` can progressively replace the classic Rails-View-Layer. You are able to use |
| 30 | +it alongside your classic views and incrementally turn your Rails-App into a |
| 31 | +dynamic Web-App. |
35 | 32 |
|
36 | | -```shell |
37 | | -docker-compose run --rm dummy sh -c "cd spec/dummy && ./bin/webpack --watch" |
38 | | -``` |
| 33 | +## Compatibility |
39 | 34 |
|
40 | | -simultaneously to be able to visit the demo app on [localhost:3000](localhost:3000). |
| 35 | +### Ruby/Rails |
41 | 36 |
|
42 | | -## Testing |
| 37 | +`matestack-ui-core` is tested against: |
43 | 38 |
|
44 | | -**initial setup** |
| 39 | +- Rails 6.1.1 + Ruby 3.0.0 |
| 40 | +- Rails 6.1.1 + Ruby 2.7.2 |
| 41 | +- Rails 6.0.3.4 + Ruby 2.6.6 |
| 42 | +- Rails 5.2.4.4 + Ruby 2.6.6 |
45 | 43 |
|
46 | | -```shell |
47 | | -docker-compose build dummy |
48 | | -docker-compose run --rm dummy bash |
49 | | -``` |
| 44 | +Rails versions below 5.2 are not supported. |
50 | 45 |
|
51 | | -inside container: |
| 46 | +### Vue.js |
52 | 47 |
|
53 | | -```shell |
54 | | -bundle install |
55 | | -yarn install |
56 | | -cd spec/dummy |
57 | | -bundle install |
58 | | -npm install (npm and not yarn!) |
59 | | -rails app:db:setup |
60 | | -``` |
| 48 | +`matestack-ui-core` optionally requires Vue.js and Vuex for its reactivity features. Following version ranges are supported: |
61 | 49 |
|
62 | | -**test run** |
| 50 | +- Vue.js ^2.6.0 |
| 51 | +- Vuex ^3.6.0 |
63 | 52 |
|
64 | | -```shell |
65 | | -docker-compose run --rm builder bash |
| 53 | +Vue 3 / Vuex 4 update is planned for Q2 2021. |
66 | 54 |
|
67 | | -``` |
| 55 | +## Documentation/Installation |
68 | 56 |
|
69 | | -inside container: |
| 57 | +Documentation can be found [here](https://docs.matestack.io) |
70 | 58 |
|
71 | | -```shell |
72 | | -bundle exec rspec spec/test |
73 | | -``` |
| 59 | +## Getting started |
74 | 60 |
|
75 | | -## Release |
| 61 | +A getting started guide can be found [here](https://docs.matestack.io/getting-started/tutorial) |
76 | 62 |
|
77 | | -```shell |
78 | | -docker-compose run --rm builder |
79 | | -gem bump ... |
80 | | -gem release |
81 | | -npm bump ... |
82 | | -npm release |
83 | | -git tag ... |
84 | | -``` |
| 63 | +## Changelog |
| 64 | + |
| 65 | +Changelog can be found [here](./CHANGELOG.md) |
| 66 | + |
| 67 | +## Community |
| 68 | + |
| 69 | +As a low-barrier feedback channel for our early users, we have set up a Discord server that can be found [here](https://discord.com/invite/c6tQxFG). You are very welcome to ask questions and send us feedback there! |
| 70 | + |
| 71 | +## Contribution |
| 72 | + |
| 73 | +We are happy to accept contributors of any kind! In order to make it as easy and fun as possible to contribute to `matestack-ui-core`, we would like to onboard contributors personally! Best way to become a contributor: Ping us on Discord! We will schedule a video call with you and show you, how and what to work on :) |
| 74 | + |
| 75 | +Here are some good first issues for first time contributors: [good first issues](https://github.com/matestack/matestack-ui-core/issues?q=is%3Aopen+is%3Aissue+label%3A"good+first+issue") |
0 commit comments