用 React 开发一个低代码系统

用 React 开发一个低代码系统

用 React 开发一个低代码系统

1. 从无到有开发一个低代码系统，不仅有详细的代码实现还有需求分析和设计思路。 2. 先介绍理论知识点，再一步一步分析需求，最后再实现需求。 3. 为了便于读者理解和降低读者获取源码的难度，本专栏中所有的源码将托管在 GitHub 上

等 78 人订阅共29篇文章创建于2021-11-16

大厂的前端面试——低代码混合

最近参加了一家大厂的前端面试，我向面试官介绍了我开发的低代码平台，并说明这个平台的产出物是完整页面。但他告诉我，在他们公司的实际使用场景中，低代码的使用方式非常克制——他们并不生成整个页面，而是只产出

1月前
648
10
3

这是一份低代码面试指南

大家好，我是何遇，很多朋友简历里写了低代码项目，但面试时总感觉说不清楚，抓不住重点。今天，我就结合自己的经历，跟你聊聊面试中如何把低代码经验讲得更具说服力，希望能给同样在简历里写了低代码的你。

2月前
427
7
评论

在 AI 编程的热潮下对低代码的思考

近期，DeepSeek的火爆引发了对AI编程领域的讨论。在此背景下，我阅读了一篇题为《低代码已死？试看国产AI编程工具Trae如何破局》的微信公众号推文，我曾在就职的公司落地低代码平台，并出版了《低代

4月前
195
2
评论

一句 Prompt 自动生成表单：我在低代码平台里是怎么接入生成式 AI 的

本文将结合我实际项目经验，介绍如何将生成式 AI 接入已有的低代码平台，并让 AI 理解组件规范、自动输出结构化的 Schema，最终在画布中渲染出页面。

4月前
350
2
2

低代码组件的消费方式

低代码组件最终被发布成 npm 包供低代码平台消费，组件被如何消费，这取决于组件提供了哪些消费方式。不论开源组件还是内源组件，开发方在编码之前都需仔细考量组件的消费方式，如果其方式与使用方的预期严重不

1年前
617
1
评论

Mongoose核心概念——连接数据库

本文深入Mongoose介绍它的核心概念——连接数据库。调用 mongoose.connect() 可以让 Mongoose 与数据库实例建立连接，它有三种用法。

2年前
1.5k
1
评论

Mongoose 入门，从一个 demo 开始

Mongoose是 Node.js 环境下对 MongoDB 进行便捷操作的对象模型工具，它将用到的数据表示为 JavaScript 对象，然后将它们映射到底层数据库。

2年前
714
2
评论

我搞懂了React 的 useReducer

useReducer 是除 useState 之外另一个与状态管理相关的 hook，在 React 内部，useState 由 useReducer 实现。

2年前
1.4k
7
1

React 高级概念之Context

如果 Context.Provider 的 value 属性传递了一个对象字面量，那么它的父组件每一次重新渲染都会使 context value 更新，进而导致订阅该 context 的组件重新渲染

2年前
1.3k
6
评论

搭建 React 开发环境

本文使用 Facebook 提供的 Create React App 脚手架创建 React 应用程序，还将介绍如何修改 React 应用程序的 Webpack 配置。

2年前
816
6
评论

TypeScript 内置数据类型

TypeScript 在 JavaScript 的基础上增加了静态类型系统，使代码的可读性更强，让代码重构变得更容易，本文介绍 TypeScript 的 14 种内置数据类型。

2年前
638
2
评论

Typescript 装饰器

装饰器能在不修改类的基本功能的情况下，给类或者类的方法添加一些附加行为，但不能改变类型定义，本文将介绍装饰器的用法。

2年前
1.7k
10
1

在低代码中使用 GitLab API

低代码引擎的产出物是一份符合页面搭建协议的 JSON Schema，它被保存在 git 仓库中，本文主要介绍如何用 GitLab API 操作 git 仓库。

2年前
1.5k
7
3

低代码画布渲染之显示组件

画布渲染是将 Schema 渲染成 UI 界面，有一个单独的 npm 包，简称 ReactRenderer，它与设计器不直接联系，而是通过 SimulatorRenderer 与设计器联系。

2年前
3.5k
18
1

用 Mobx 实现 React 应用的状态管理

MobX 是一个状态管理库，它会自动收集并追踪依赖，开发人员不需要手动订阅状态，当状态变化之后 MobX 能够精准更新受影响的内容。

2年前
3.6k
16
3

低代码跨 iframe 拖拽

为了给渲染器提供一个纯净的渲染环境，渲染器和设计器处于不同的 iframe 中，因此拖拽组件不仅涉及在同一个 iframe 中拖拽组件，还涉及跨 iframe 拖拽组件。

2年前
4.5k
55
12

讲清楚 React 的重新渲染

Web 前端开发者对渲染和重新渲染应该不陌生，在 React 中，它们究竟是什么意思？本文将一一介绍它们。

2年前
3.3k
21
2

讲清楚 React 的重新渲染

React 高阶组件与 Render Props 的劣与优

高阶组件能实现的效果 Render Props 都能实现，但反过来，Render Props 能实现的效果高阶组件不一定能实现，这源于 Render Props 是动态组合，而高阶组件是静态组合。

2年前
1.9k
11
3

React 状态的不变性

Immutability不是 React 中的概念，但它对写一个正确的 React 程序至关重要。本文将揭露其中的缘由并介绍怎么编写符合 Immutability 原则的代码。

2年前
2.2k
12
3

0基础开发一个前端脚手架

开发脚手架并不复杂，主要涉及5个知识点，分别是，可执行的命令、收集交互数据、下载项目模板、模版引擎和抽象语法树，本文将逐一介绍它们

2年前
2.8k
25
评论