adarchitecture-ui

An enterprise UI framework and react-based implementation.

Features

• Extracted from the interactive language and visual style of enterprise-level medium and backstage products.
• A set of high-quality React components out of the box.
• Written in TypeScript with predictable static types.
• The whole package of development and design resources and tools.

Environment Support

• Modern browsers and Internet Explorer 9+ (with polyfills)
• Server-side Rendering
• Electron

Install

npm install adarchitecture-ui --save

Usage

import { DatePicker } from 'adarchitecture-ui';
import { Table } from 'adarchitecture-ui/pro';
ReactDOM.render(<><DatePicker /><Table /><>, mountNode);

And import style manually:

import 'adarchitecture-ui/dist/adarchitecture-ui.css'; // or 'adarchitecture-ui/dist/adarchitecture-ui.less'
import 'adarchitecture-ui/dist/adarchitecture-ui-pro.css'; // or 'adarchitecture-ui/dist/adarchitecture-ui-pro.less'

Or import components on demand

TypeScript

See Used in TypeScript

Internationalization

See i18n.

Links

• Home page
• Components
• Change Log
• Scaffold Market
• rc-components
• Customize Theme

Local Development

$ git clone https://github.com/adarchitecture/adarchitecture-ui.git
$ cd adarchitecture-ui
$ npm install
$ npm start

Deployment

$ npm run deploy

publish

$ npm run pub

Open your browser and visit http://127.0.0.1:8001 , see more at https://adarchitecture.github.io/adarchitecture-ui/en/tutorials/introduction .