JavaScript 生态系统的
全栈 Dart 方案

使用 Dart 编写 React、React Native 和 Express 应用。 一种语言。运行时类型安全。健全的空安全。

开始使用 为什么选择 Dart？ 
// A complete Express server in Dart
import 'package:dart_node_express/dart_node_express.dart';

void main() {
  final app = express();

  app.get('/', handler((req, res) {
    res.jsonMap({'message': 'Hello from Dart!'});
  }));

  app.listen(3000, () {
    print('Server running on port 3000');
  }.toJS);
}

适用人群

无论您是 React 开发者还是 Flutter 开发者，dart_node 都适合您。

React (TypeScript)
const Counter: React.FC = () => {
  const [count, setCount] = useState<number>(0);

  return (
    <button onClick={() => setCount(c => c + 1)}>
      Count: {count}
    </button>
  );
};
React (Dart)
ReactElement counter() {
  final count = useState(0);

  return button(
    text: 'Count: ${count.value}',
    onClick: () => count.setWithUpdater((c) => c + 1),
  );
}
1

相同的编程范式

Hooks、组件、props、state — React 中的所有概念在 Dart 中同样适用。

2

运行时类型安全

与 TypeScript 不同，Dart 在运行时保留类型信息。没有 any 类型逃逸，泛型不会被擦除。

3

更简单的工具链

不需要 webpack、babel、tsconfig。只需 dart compile js 即可。

Flutter
class Counter extends StatefulWidget {
  @override
  State<Counter> createState() => _CounterState();
}

class _CounterState extends State<Counter> {
  int count = 0;

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: () => setState(() => count++),
      child: Text('Count: $count'),
    );
  }
}
dart_node React
ReactElement counter() {
  final count = useState(0);

  return button(
    text: 'Count: ${count.value}',
    onClick: () => count.setWithUpdater((c) => c + 1),
  );
}
1

同一种语言

使用现有的 Dart 技能。跨平台共享模型、工具函数和业务逻辑。

2

访问 Web 生态系统

在编写纯 Dart 代码的同时，可以使用 React 和 npm 生态系统。

3

全栈 Dart

后端 (Express)、Web (React)、移动端 (React Native) — 全部使用同一种语言。

dart_node 包

全栈开发所需的包和工具。

C

dart_node_core

基础层：JS 互操作工具、Node.js 绑定、控制台工具。

了解更多 →
E

dart_node_express

类型安全的 Express.js 绑定，用于构建 HTTP 服务器和 REST API。

了解更多 →
R

dart_node_react

React 绑定，支持 hooks、类 JSX 语法和完整的组件功能。

了解更多 →
N

dart_node_react_native

React Native + Expo 绑定，用于跨平台移动开发。

了解更多 →
W

dart_node_ws

WebSocket 绑定，用于 Node.js 实时通信。

了解更多 →
M

dart_node_mcp

Model Context Protocol 服务器绑定，用于构建 AI 工具服务器。

S

dart_node_better_sqlite3

better-sqlite3 的类型化绑定，支持同步 SQLite3 和 WAL 模式。

X

reflux

Redux 风格的状态容器，支持穷尽模式匹配。

L

dart_logging

Pino 风格的结构化日志，支持子 logger 和 transport。

J

dart_jsx

Dart 的 JSX 转译器 — JSX 语法编译为 dart_node_react 调用。

V

dart_node_vsix

VSCode 扩展 API 绑定，使用 Dart 构建 Visual Studio Code 扩展。

了解更多 →
T

too-many-cooks

多 AI 代理协调 MCP 服务器，用于多个代理同时编辑代码库。

了解更多 →

运行时类型的重要性

TypeScript 编译为 JavaScript 时会擦除类型。Dart 不会。

TypeScript (Types Erased)
interface User {
  id: number;
  name: string;
}

// At runtime, this is just a plain object
// No way to validate the shape!
const user: User = JSON.parse(data);

// This could fail silently
console.log(user.name.toUpperCase());
// Runtime error if name is undefined!
Dart (Types Preserved)
class User {
  final int id;
  final String name;
  User({required this.id, required this.name});
}

// Types exist at runtime - you can validate!
final user = User.fromJson(jsonDecode(data));

// If name were null, this would fail
// at deserialization, not at usage
print(user.name.toUpperCase());
了解 Dart 类型系统

快速开始

# Create a new project
mkdir my_dart_app && cd my_dart_app
dart create -t package .

# Add dart_node packages
dart pub add dart_node_core dart_node_express

# Write your server
cat > lib/server.dart << 'EOF'
import 'package:dart_node_express/dart_node_express.dart';

void main() {
  final app = express();
  app.get('/', handler((req, res) => res.send('Hello, Dart!')));
  app.listen(3000);
}
EOF

# Compile to JavaScript and run
dart compile js lib/server.dart -o build/server.js
node build/server.js
阅读完整指南