https://github.com/jaguar-dart/nuts

Nuts and bolts for building cross-platform UI (HTML, Flutter, CLI) using Dart. Also screw frameworks (React, Vue, Angular).
https://github.com/jaguar-dart/nuts

angular component element html mvc react ui view vuejs

Last synced: 3 months ago
JSON representation

Nuts and bolts for building cross-platform UI (HTML, Flutter, CLI) using Dart. Also screw frameworks (React, Vue, Angular).

• Host: GitHub
• URL: https://github.com/jaguar-dart/nuts
• Owner: Jaguar-dart
• License: bsd-3-clause
• Created: 2018-06-16T18:47:37.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-11-23T08:24:14.000Z (about 6 years ago)
• Last Synced: 2024-07-29T10:52:23.911Z (6 months ago)
• Topics: angular, component, element, html, mvc, react, ui, view, vuejs
• Language: Dart
• Size: 58.6 KB
• Stars: 11
• Watchers: 4
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nuts

Nuts and bolts for building cross-platform UI (HTML, Flutter, CLI) using Dart. Also screw frameworks (React, Vue, 

Angular).

## Example

```dart

class Counter implements Component {

  @override

  String key;

  int count = 0;

  @override

  View makeView() {

    Box ret;

    ret = Box(children: [

      TextField('Count: $count', key: 'info'),

      HBox(children: [

        Button(

            text: 'Increment',

            onClick: () {

              ret.getByKey('info').text = 'Count: ${++count}';

            }),

        Button(

            text: 'Decrement',

            onClick: () {

              ret.getByKey('info').text = 'Count: ${--count}';

            }),

      ]),

    ]);

    return ret;

  }

}

void main() {

  querySelector('#output').append(defaultRenderers.render(Counter()));

}

```