Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/microsoft/design-to-code

A system of development tools, and utilities used à la carte or as a suite to build enterprise-grade websites and applications.
https://github.com/microsoft/design-to-code

application form system validation worker

Last synced: 3 months ago
JSON representation

A system of development tools, and utilities used à la carte or as a suite to build enterprise-grade websites and applications.

Awesome Lists containing this project

README

        

# Design to Code

This is the Design to Code project, containing a set of packages that can be combined to create complex workflows. The goal of these workflows is to allow users to create and modify their own web based experiences, from individual web components to completed web sites.

## Packages

### `@microsoft/design-to-code`

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/@microsoft%2Fdesign-to-code.svg)](https://badge.fury.io/js/@microsoft%2Fdesign-to-code)

The `@microsoft/design-to-code` package contains a web worker referred to as the Message System and infrastructure for registering, posting, and receiving messages that aide in editing and navigating a serializable data structure that maps to JSON schema. There are also various services available to integrate commonly used libraries with the Message System, such as AJV and the Monaco Editor. To learn more, check out the package [README](./packages/design-to-code).

### `@microsoft/design-to-code-react`

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/@microsoft%2Fdesign-to-code-react.svg)](https://badge.fury.io/js/@microsoft%2Fdesign-to-code-react)

The `@microsoft/design-to-code-react` package contains various React components that work with the message system provided by `@microsoft/design-to-code` to edit data, render data as HTML, and navigate data. To learn more, check out the package [README](./packages/design-to-code-react).

## Joining the Community

Looking to get answers to questions or engage with us in realtime? Our community is most active [on Discord](https://discord.gg/FcSNfg4). Submit requests and issues on [GitHub](https://github.com/microsoft/design-to-code/issues/new/choose), or join us by contributing on [some good first issues via GitHub](https://github.com/microsoft/design-to-code/labels/community:good-first-issue).

We look forward to building an amazing open source community with you!

## Contact

* Join the community and chat with us in real-time on [Discord](https://discord.gg/FcSNfg4).
* Submit requests and issues on [GitHub](https://github.com/microsoft/design-to-code/issues/new/choose).