Skip to content

JavaScript adapter for Duit Framework - drived UI toolkit for Flutter

License

Notifications You must be signed in to change notification settings

Duit-Foundation/duit_js

Repository files navigation

Duit - drived UI tooklit.

Duit is a server side UI framework for Flutter. It is used for creating widgets and server-side state management.

The framework consists of several parts:

The framework ensures that the layout model is received from the server, interacts with the backend via the Action API, and embeds custom components into the widget hierarchy processing pipeline. Duit is flexible and extensible, which allows it to create rich UI dynamically.

Core features

  • Structured mappings out of the box. UI property structures and constants.
  • A simple contract for building a hierarchy of widgets.
  • Ready-made widget functions
  • Easily create custom actions and their dependencies

Usage example

  1. Create widget composition and build json from it
function Example() {
   //create UIBuilder instance
   const builder = DuitView.builder();

   //create child elements tree
   const text = new TextUiElement({data: "Hello World"})

   //create view root and assing child/children to him
   builder.createRootOfExactType(DuitElementType.column, {}).addChild(sizedBoxWithCentredText)

   //return json string
   return builder.build();
}
  1. Run function and return result to client side
router.get("/layout1", function (req, res) {
   const layout = Example();
   res.status(200).send(layout);
});

Future plans

  • Widget library expansion
  • Troubleshooting, updating documentation

License

MIT