dart_jsx

JSX transpiler for Dart - transforms JSX syntax to dart_node_react calls.

Installation

dependencies:
  dart_jsx: ^0.1.0

Usage

Write JSX inside jsx() calls in your Dart files:

final element = jsx(<div className="app">
  <h1>Hello World</h1>
  <button onClick={handleClick}>Click me</button>
</div>);

The transpiler converts this to:

final element = $div(className: 'app') >> [
  $h1 >> 'Hello World',
  $button(onClick: handleClick) >> 'Click me',
];

VSCode Extension

A companion VSCode extension provides syntax highlighting for .jsx Dart files. See .vscode/extensions/dart-jsx.

Part of dart_node

GitHub