|
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