hasgeek / baseframe

Baseframe for Hasgeek projects
BSD 3-Clause "New" or "Revised" License
12 stars 17 forks source link

Declarative UI components #177

Open shreyas-satish opened 6 years ago

shreyas-satish commented 6 years ago

Baseframe should provide declarative UI components that enables client apps to:

  1. Produce user interfaces to perform CRUD operations with ease.
  2. Customize the components in terms of style and functionality.

Example API for a form:

<Form url='/ic' method='POST' on-submit='submitHandler' form-html='{{formHTML}}' />

Example API for displaying a list of cards:

  <CardList model='ItemCollection'>
    <Card title='title'>
      <p>
        ...
      </p>
    </Card>
  </CardList>

The technology to implement this should not be coupled to the client app. The client app, for instance, should be able to use React, while still using these components which may be written in Vue, Ractive or as web components.

The above snippets are example specifications which need to be refined with discussion and iterations.

shreyas-satish commented 6 years ago

Seems like it's fairly straightforward to write these standard components using React and Vue.