Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/insuremo/rainbow-d9
D9 is an lower code configuration UI engine.
https://github.com/insuremo/rainbow-d9
components extend extension insuremo lowcode markdown react
Last synced: 2 months ago
JSON representation
D9 is an lower code configuration UI engine.
- Host: GitHub
- URL: https://github.com/insuremo/rainbow-d9
- Owner: InsureMO
- License: mit
- Created: 2023-10-13T12:23:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-10-25T17:54:07.000Z (2 months ago)
- Last Synced: 2024-10-27T05:04:45.508Z (2 months ago)
- Topics: components, extend, extension, insuremo, lowcode, markdown, react
- Language: TypeScript
- Homepage: https://insuremo.github.io/rainbow-d9/
- Size: 47 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Idea of `d9`
The inspiration for `d9` comes from some complex business applications, where certain data display pages, due to the differences in their
business forms, make it difficult to standardize their behavior even with the support of mature UI widget libraries. The logical
relationship between different widgets on the same page makes it difficult to abstract local reusable business widgets, or it
requires a significant amount of time and effort to achieve the desired results. When customizing pages based on product baselines in
different projects, one must also understand a large amount of existing code logic in order to make modifications and extensions
effectively, resulting in low efficiency.
To fundamentally address these issues, `d9` departs from the typical approach of widget libraries focusing on the implementation of
individual widget behaviors. Instead, it first standardizes the behavior of all widgets' interactions with data at the underlying
level and defines them at an abstract level. Then, it defines the implementation of widgets based on these behaviors. With this approach,
all widgets, data, and the logical relationships between widgets are standardized. At the same time, `d9` also provides a set of basic
UI widgets for easy use. In addition to that, considering the diversity of page presentation, `d9` also supports bridging third-party
widgets to the underlying standard library to accommodate various presentation requirements.
Lastly, to better serve business professionals, `d9` not only supports programming approaches (including writing in the standard React way
and
writing based on JSON configuration), but also provides a way for business users to write using Markdown configuration. This allows project
stakeholders without programming backgrounds to independently write pages without the need for developers.
In summary, the design principles of `d9` can be briefly summarized as follows:
- Standardize the presentation behavior of page widgets,
- Standardize the interaction between page widgets and data,
- Separate the implementation from the widget implementation at the underlying level, providing the ability to integrate any third-party
widgets,
- Provide the ability to parse and render pages based on Markdown.
# Modules
Currently, `d9` is divided into three submodules:
- [d9-n1](https://github.com/InsureMO/rainbow-d9/blob/main/d9-n1/README.md): the underlying module,
- [d9-n2](https://github.com/InsureMO/rainbow-d9/blob/main/d9-n2/README.md): the widget library,
- [d9-n3](https://github.com/InsureMO/rainbow-d9/blob/main/d9-n3/README.md): the Markdown parsing library.
- [d9-n5](https://github.com/InsureMO/rainbow-d9/blob/main/d9-n5/README.md): the `d9` playground.
- [d9-n6](https://github.com/InsureMO/rainbow-d9/blob/main/d9-n5/README.md): the [`o23`](https://github.com/InsureMO/rainbow-o23)
playground.
- [d9-echarts](https://github.com/InsureMO/rainbow-d9/blob/main/d9-echarts/README.md): the echarts widget library,
- [d9-thai-plan-selection](https://github.com/InsureMO/rainbow-d9/blob/main/d9-thai-plan-selection/README.md): the plan selection widget,
collaborate with the Thai Cloud team.
| If You | Modules You Need | Install Command |
|--------------------------------------------------------------------------------|-----------------------------|------------------------------------------|
| Develop library based on `d9` core | `d9-n1` | `yarn add @rainbow-d9/n1` |
| Develop project based on `d9` widget, programmatically | `d9-n1` + `d9-n2` | `yarn add @rainbow-d9/n2` |
| Develop project based on `d9` widget, markdown configured | `d9-n1` + `d9-n2` + `d9-n3` | `yarn add @rainbow-d9/n2 @rainbow-d9/n3` |
| Develop project based on `d9` core, with your own widgets, markdown configured | `d9-n1` + `d9-n3` | `yarn add @rainbow-d9/n3` |