dart_jsx

Dart 的 JSX 转译器 - 将 JSX 语法转换为 dart_node_react 调用。

安装

dependencies:
  dart_jsx: ^0.1.0

在 Dart 文件中的 jsx() 调用内编写 JSX：

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

转译器将其转换为：

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

配套的 VSCode 扩展为 .jsx Dart 文件提供语法高亮。请参阅 .vscode/extensions/dart-jsx。