Low code development is a visual application development method.

With low-code development, developers of all levels of experience can create Web and mobile applications through graphical user interfaces, drag-and-drop components, and model-driven logic.

A low-code development platform relieves non-technical developers from coding, while providing support for professional developers to extract the underlying architecture and infrastructure tasks of application development. This article recommends five low-code open source projects that have high likes on GitHub.

01. Web generator

This is a simple, low-code page builder that creates beautiful websites without writing code. Just select the module you want in the components area on the right and drag it to the edit area on the left. This allows for a simple web site with simple interactions.

If you want to include the site editor in other projects, you can do this by first installing dependencies:

yarn add blocks-ui @mdx-js/react @blocks/reactnpm i blocks-ui @mdx-js/react @blocks/react
Copy the code

Next, all you need to do is embed the following code in your project:

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} />Copy the code

02. JavaScript tool library for process visualization

IMove is a logically reusable, function-oriented, process visualization JavaScript tool library. This open source project is for front-end developers, the core is to solve the problem of complex logic reuse.

IMove consists of two parts: canvas and iMove-SDK. A local HTTP service is used to run the canvas, and code writing and node arrangement are completed on the canvas. Finally, the process is exported to DSL, put into the project, and executed through imove-SDK call.

Applies to all JavaScript scenarios: front-end click events, Ajax requests, node.js back-end apis, etc

03. Low code front-end tools

Build a vue.js project by dragging and dropping components directly into the visual editor, then resizing them through simple interactions. Merge design and prototyping into one process. When you design a satisfactory interface by drag and drop, the front-end code is written for you, and you just download the code.

04. Website Builder

Take a look at the image below and quickly create a web page by editing it on the web page. If you want to change the text, change it on the web page, add Banner, image list, etc., by simple drag and drop. Students engaged in the front end can focus on learning this project, such technology will be the focus of future development.

05. Low code development platform

Rtvue-lowcode is a lowcode development platform based on uniapp framework and uview component library. The project provides visual drag editor, suitable for app, small program and other project development. For client/browser developers, it’s really out of the box! At present, the project is under development, and has realized the following functions: form components, custom forms, lottery wheel, charts.

I believe that after the development, this project will be a very nice tool, can greatly reduce the cost of enterprise APP development.