open-index/open-npm huggingface dataset:
npm package: @one-for-all/render-engine
Description: Use [Schema](https://github.com/quanxiang-cloud/one-for-all/blob/main/packages/schema-spec/src/index.d.ts) to describe your web page logic, then use Render Engine to make it into real UI.
Latest version: 0.20.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Render Engine turns Schema into real UI

Use [Schema](https://github.com/quanxiang-cloud/one-for-all/blob/main/packages/schema-spec/src/index.d.ts) to describe your web page logic,
then use Render Engine to make it into real UI.

[中文文档](docs/zh/index.md)

## Get Start

Install render engine use npm or yarn:

```bash
npm install @one-for-all/render-engine
```

Import render engine in your source file:

```jsx
import React from 'react';
import { RefLoader, Repository, SchemaRender } from '@one-for-all/render-engine';

function Demo() {
  const schema = getSchemaBySomeway();

  return (<SchemaRender schema={schema} />);
}

```

## Example

please checkout our [example repo](https://github.com/quanxiang-cloud/one-for-all/tree/main/packages/example) for more.
npm package: @one-for-all/schema-spec
Description: Render Engine turns Schema into real UI
Latest version: 0.15.0

Render Engine turns Schema into real UI

# What is a Schema?

Schema is the description of a web page, which not only contain the layouts and elements in it, but also business logic,
which means you can use schema to describe a single page web app.

There are some advantages of using Schema:

- It is more friendly to most users, users do not need to know react, as long as they have a basic HTML and JavaScript foundation.
- Easy to modify, the schema is json, no need to compile or bundle.
- Schema is composable, you can define a reference to another Schema.
- and Render Engine helps you to turn Schema into real UI

Can I really use schema to describe a serious web app?

Yes, you can:

- Describe the page hierarchy.
- Describe which component I want to use and how to use it.
- Describe how to make an API request.
- Describe how the component uses API results.
- Describe the communication and relationship of components.
- Describes how to render a component looped or conditionally.
- Describe routes.
- Describe the combination of serval Schemas.