低代码火火火！_公众号：逛逛GitHub

低代码开发是一种可视化应用开发方法。

通过低代码开发，不同经验水平的开发人员能够通过图形用户界面，使用拖放式组件和模型驱动逻辑来创建 Web 和移动应用。

低代码开发平台减轻了非技术开发人员的压力，帮其免去了代码编写工作，同时也为专业开发人员提供了支持，帮助他们提取应用开发过程中的繁琐底层架构与基础设施任务。本文推荐 5 个在 GitHub 上点赞很高的低代码开源项目。

01. 网页生成器

这是一个简单的低代码页面构建器，无需编写代码即可创建漂亮的网站。你只需要在右侧的组件区域选择你想要的模块，拖到左侧的编辑区域即可。这样通过简单的交互就能做出一个简洁的网站。

如果想在其他项目中引入这个网站编辑器，你可以按照如下步骤，首先安装依赖：

yarn add blocks-ui @mdx-js/react @blocks/react
npm i blocks-ui @mdx-js/react @blocks/react

紧接着，你只需要把下面的代码嵌入到项目中就行了：

import React from 'react'
import Editor from 'blocks-ui'
const JSX = `
import React from 'react'
import { HeaderBasic } from '@blocks/react'
export default () => (
  <Blocks.Root>
    <HeaderBasic>
      <HeaderBasic.Logo to="/">Hello</HeaderBasic.Logo>
      <HeaderBasic.Nav>
        <HeaderBasic.Link to="/about">About</HeaderBasic.Link>
        <HeaderBasic.Link to="/blog">Blog</HeaderBasic.Link>
        <HeaderBasic.Link to="/contact">Contact</HeaderBasic.Link>
      </HeaderBasic.Nav>
    </HeaderBasic>
  </Blocks.Root>
)
`
export default () => <Editor src={JSX} />

02. 流程可视化的 JavaScript 工具库

iMove 是一个逻辑可复用的，面向函数的，流程可视化的 JavaScript 工具库。这个开源项目面向前端开发者，核心解决的是复杂逻辑复用的问题。

iMove由 2 部分组成：画布和 imove-sdk。通过本地起一个 HTTP 服务运行画布，在画布上完成代码编写和节点编排，最终将流程导出 dsl，放到项目中，通过 imove- SDK 调用执行。