Hello, everyone, I am for the majority of programmers brothers worry broken heart xiaobian, every day to recommend a small tool/source, full of your favorites, every day to share a small skill, let you easily save development efficiency, do not work overtime do not stay up late do not lose hair, is my goal!

Low code has been very popular in recent years, and many low code platforms appear frequently. Therefore, today, I recommend a low code front-end framework — Amis. Amis uses JSON configuration to generate pages, which can save the workload of page development and greatly improve the efficiency of front-end page development.

Open source licenses

Use the Apache-2.0 open source license

The link address

[Github navigation station] get git address

Why amis?

In order to use the popular UI component libraries, you must know NPM, Webpack, React/Vue, be familiar with ES6 syntax, and preferably state management, such as Redux. If you are not familiar with functional programming, It takes a lot of effort to get started, but once you get started, it has a huge ecosystem, many similar functions, and it’s expensive to pick up.

What are the benefits of writing pages in JSON

To achieve the simplest way to generate most pages, Amis’s solution is configured based on JSON, which has the unique benefits of:

  • You don’t need to know the front end: Inside Baidu, most amis users have never written a front page before, nor will theyJavaScript, but can make a professional and complex background interface, which no other front-end UI library can do;
  • Not affected by front-end technology updates: Baidu’s oldest amis page was created more than 4 years ago and is still in use todayAngular/Vue/ReactVersions are now obsolete. They were popularGulpHave also beenWebpackInstead, these pages would now be expensive to maintain if they weren’t amis;
  • Enjoy the continuous upgrading of Amis: Amis has been improving the detailed interactive experience, such as freezing the first line of the table, no lag under the big data of the drop-down box, etc., and the previous JSON configuration does not need to be modified at all.
  • Pages can be created entirely using visual page editors: while typical front-end visual editors can only be used for static prototypes, amis visual editors produce pages that go live.

What is wrong with Amis?

Using JSON has advantages and significant disadvantages, and is not appropriate for amis in the following situations:

  • Extensive custom UIs: JSON configurations make Amis better for pages with a large number of common UI components, but for toC-oriented pages where personalized visuals are desired, amis is not suitable, and in fact most of the front-end UI component libraries are not suitable for custom development.
  • An extremely complex or specific interaction:
    • Some of the more complex front-end features, such as visual editors with lots of custom drag-and-drop operations, rely on native DOM implementations that amis cannot use.
    • But for some areas where interaction is fixed, such as graph wiring, AMIS will later have specialized components to implement it.

Sample screenshots

The form

The Checkbox check box

The date of

File upload

List the List

Rich text editor

The Switch Switch

The chart

Cards deck

At the end

This issue is to share here, I am xiaobian South wind blowing, focus on sharing interesting, novel, practical open source projects and developer tools, learning resources! I hope to learn and communicate with you together. Welcome to follow my official account ** [Github navigation station] **.