{"id":15130976,"url":"https://github.com/pengxiaohua/react-lowcode","last_synced_at":"2026-01-18T17:33:28.266Z","repository":{"id":255692457,"uuid":"852888929","full_name":"pengxiaohua/react-lowcode","owner":"pengxiaohua","description":"React18 + Typescript5 + Vite + Tailwind + Zustand. A react lowcode platform.","archived":false,"fork":false,"pushed_at":"2024-10-15T04:00:33.000Z","size":382,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-05T20:12:51.188Z","etag":null,"topics":["low-code","react","react-dnd","tailwindcss","typescript","zusland"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pengxiaohua.png","metadata":{"files":{"readme":"README.EN.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-05T15:47:52.000Z","updated_at":"2024-10-15T04:00:37.000Z","dependencies_parsed_at":"2024-10-31T11:27:07.360Z","dependency_job_id":"7340b1a7-32c3-432a-87cf-133a11025236","html_url":"https://github.com/pengxiaohua/react-lowcode","commit_stats":{"total_commits":43,"total_committers":1,"mean_commits":43.0,"dds":0.0,"last_synced_commit":"f72329145034232f97ce039bcf04c7eaba098828"},"previous_names":["pengxiaohua/react-playground","pengxiaohua/react-lowcode"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pengxiaohua/react-lowcode","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengxiaohua%2Freact-lowcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengxiaohua%2Freact-lowcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengxiaohua%2Freact-lowcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengxiaohua%2Freact-lowcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pengxiaohua","download_url":"https://codeload.github.com/pengxiaohua/react-lowcode/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pengxiaohua%2Freact-lowcode/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28544893,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-18T14:59:57.589Z","status":"ssl_error","status_checked_at":"2026-01-18T14:59:46.540Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["low-code","react","react-dnd","tailwindcss","typescript","zusland"],"created_at":"2024-09-26T03:20:34.616Z","updated_at":"2026-01-18T17:33:28.236Z","avatar_url":"https://github.com/pengxiaohua.png","language":"TypeScript","readme":"# 基于 React18 + TypeScript + Tailwind + Zustand 的低代码平台\n\n**English** | [中文](./README.md)\n\n### 一个使用 React，快速搭建页面的低代码平台\n\n## 计划实现：\n\n- 操作历史快照\n- 支持生成 react 模板组件\n- 生成组件大纲树\n- 提供常见的表单和列表模板\n- 在 sandbox 中执行自定义逻辑\n- 基于 monaco-editor 自定义代码补全规则\n- 使用 Schema 描述数据结构（因为 schema 可以生成校验函数）\n\n### 模型驱动的视图\n\n从最简单的结构来看，一个模型驱动的视图体系包含以下要素：\n\n- 模型\n\n  - 定义状态结构\n  - 定义动作\n\n- 视图\n  - 订阅状态\n  - 触发动作\n\n这是很简单的一种渲染模式，可以适用于大多数的场景。\n\n## 克隆项目\n\n```shell\ngit clone https://github.com/pengxiaohua/react-lowcode\n```\n\n```bash\ncd react-lowcode\n\npnpm install\n\n```\n\n- run\n\n```bash\npnpm run dev\n```\n\n- build\n\n```bash\npnpm build\n```\n\n## 技术栈\n\n- 编程语言：[TypeScript 5.x](https://www.typescriptlang.org/zh/) + [JavaScript](https://www.javascript.com/)\n- 构建工具：[Vite 5.x](https://cn.vitejs.dev/)\n- 前端框架：[React 18.x](https://react.dev/)\n  \u003c!-- - 路由工具：[Vue Router 4.x](https://next.router.vuejs.org/zh/index.html) --\u003e\n- 状态管理：[Zustand](https://zustand.docs.pmnd.rs/getting-started/introduction)\n    \u003c!-- - PC 端 UI 框架：[Element Plus](https://element-plus.org/#/zh-CN) --\u003e\n  \u003c!-- - H5 端 UI 框架：[vant](https://vant-contrib.gitee.io/vant/v3/#/zh-CN/) --\u003e\n- Tailwind CSS：[Tailwindcss](https://tailwindcss.com/)\n- HTTP 工具：[Axios](https://axios-http.com/)\n- Git Hook 工具：[husky](https://typicode.github.io/husky/#/) + [lint-staged](https://github.com/okonet/lint-staged)\n- 代码规范：[EditorConfig](http://editorconfig.org) + [Prettier](https://prettier.io/) + [ESLint](https://eslint.org/) + [Airbnb JavaScript Style Guide](https://github.com/airbnb/javascript#translation)\n- 提交规范：[Commitizen](http://commitizen.github.io/cz-cli/) + [Commitlint](https://commitlint.js.org/#/)\n\u003c!-- - 单元测试：[vue-test-utils](https://next.vue-test-utils.vuejs.org/) + [jest](https://jestjs.io/) + [vue-jest](https://github.com/vuejs/vue-jest) + [ts-jest](https://kulshekhar.github.io/ts-jest/) --\u003e\n- 自动部署：[GitHub Actions](https://docs.github.com/cn/actions/learn-github-actions)\n\n### 功能清单\n\n- [x] 动态添加页面\n- [x] 拖拽式生成组件\n- [ ] service worker + indexeddb 实现无服务端的前端交互\n- [ ] 数据源管理(支持导入 swagger JSON 生成数据模型及接口)\n- [ ] 提供预置函数\n- [ ] 更多组件的封装\n- [ ] 其他...\n\n\u003c!-- ### 简易说明\n\n目前在使用表单时，需要把相关的`表单控件`放到`表单容器`内部，并且需要将`按钮`放到`表单容器`内，然后再讲`按钮的type`设置为`表单提交按钮`这时候点击提交按钮才会自动收集表单容器内部的所有字段和值 --\u003e\n\n|\n\n### 提交规范\n\n- `feat` 增加新功能\n- `fix` 修复问题/BUG\n- `style` 代码风格相关无影响运行结果的\n- `perf` 优化/性能提升\n- `refactor` 重构\n- `revert` 撤销修改\n- `test` 测试相关\n- `docs` 文档/注释\n- `build` 对构建系统或者外部依赖项进行了修改\n- `chore` 依赖更新/脚手架配置修改等\n- `workflow` 工作流改进\n- `ci` 持续集成\n- `types` 类型定义文件更改\n- `wip` 开发中\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengxiaohua%2Freact-lowcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpengxiaohua%2Freact-lowcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpengxiaohua%2Freact-lowcode/lists"}