🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more
Sign In

react-easy-render

Package Overview
Dependencies
Maintainers
1
Versions
258
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-easy-render

easy-render

npmnpm
Version
0.0.52
Version published
Weekly downloads
292
1169.57%
Maintainers
1
Weekly downloads
 
Created
Source

JSON Schema 渲染器

✨ 此渲染器可承载表格、表单、图表等内容的渲染,轻松实现「配置化」。

通常用在中后台系统中,通过一个 JSON ,表达出各种不同的渲染需求,当然除了固定的渲染模板,它还支持自定义渲染 ✨

Demo

搭建表格

表格一般用来展示 List 中的数据,同时它具备过滤器、分页等基础功能,有时候它还要定制化地展示一些内容。

https://gentlelius.github.io/videos/table-demo.mp4

代码补全

代码提示让配置化的体验更好:

https://gentlelius.github.io/videos/snippet-demo.mp4

搭建表单

表单搭建要更复杂一点,里面可能会涉及到一些复杂的表单联动、表单数据变动监听等:

https://gentlelius.github.io/videos/form-demo.mp4

特点

  • 安全可靠,基于 form-render,站在巨人肩膀上增强渲染器的能力;
  • 功能丰富,支持表格、表单、Monaco、富文本等常见物料,并不断拓展;
  • 搭配使用,专门配套的 vscode 插件,让开发更有效率;

安装

# npm
npm i react-easy-render

TODO

  • 数据变动时的性能优化,更小颗粒度更新
  • 加入更多中后台物料
  • 拓展功能,支持更多业务场景如运营活动、大屏可视化等

FAQs

Package last updated on 24 Jul 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts