Özet - Web Dart

dart2js, dart:html ve js_interop'u birleştirerek bir web bileşeni yazarsın.

Özet - Web Dart

Bu grupta Dart'ı web'e taşımanın yollarını öğrendik. dart2js Dart'ı JavaScript'e derler; dart2wasm WebAssembly'e derler ve daha hızlıdır. dart:html tarayıcı DOM kütüphanesidir; dart:js_interop JS ile tip güvenli köprü kurar; jaspr reaktif web framework'üdür.

Bu özette dart2js ve dart2wasm'ı bir araya getiren küçük bir program yazacağız. Program, her iki derleyicinin ne ürettiğini statik olarak yazdırır. Bu, web Dart ekosisteminin küçük bir haritasıdır.

Uygulama Web Dart özeti

import 'dart:js_interop'; ekle. @ JS() ile external void consoleLog(JSString msg); bildir. main içinde print('Özet: Web Dart'), print('dart2js → JavaScript') ve print('dart2wasm → WebAssembly') çağrılarını ekle.

Örnek çözümü göster

import 'dart:js_interop';

@JS()
external void consoleLog(JSString msg);

void main() {
  print('Özet: Web Dart');
  print('dart2js → JavaScript');
  print('dart2wasm → WebAssembly');
}

Kendini test et

WebAssembly'e derleyen araç?
- dart2js
- dart2wasm
- dart:html
- jaspr
Cevabı göster

dart2wasm — dart2wasm Dart'ı WebAssembly'e derler.
Web Dart araçlarını eşleştir

dart2js

JavaScript
dart2wasm

WebAssembly
dart:html

DOM
dart:js_interop

JS köprüsü

StatelessComponent bağlacı

class App extends ____ { ... }

Cevabı göster

class App extends StatelessComponent { ... }

Sıradaki ders: args

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler