Web framework
- Dart kursu
- İleri seviye
- Ders 53/83
- 5 dk
jaspr gibi web framework'lerini öğrenirsin.
jaspr
jaspr, Dart için reaktif bir web framework'üdür. React benzeri bileşen (component) modeli kullanır. Sunucu tarafı render (SSR) destekler. dart:html yerine modern, tip güvenli biralternatif sunar.
Bir bileşen class App extends StatelessComponent { ... } biçiminde tanımlanır. build yöntemi görünümü üretir. jaspr, hem sunucu tarafında HTML üretir hem de istemci tarafında etkileşim ekler. Bu, Dart ile tam yığın (full-stack) web uygulamaları kurmayı kolaylaştırır.
Bileşen tanımı
jaspr'de bir bileşen StatelessComponent sınıfından türetilir. build yöntemi bir Iterable<Component> üretir; genellikle sync* ile yield kullanılır. Örnek: class App extends StatelessComponent { @override Iterable<Component> build() sync* { yield text('Merhaba'); } }.
Bu model, React'teki işlevsel bileşenlere benzer ama Dart'ın tip sistemiyle güçlendirilmiştir. jaspr ayrıca StatefulComponent ile durum (state) yönetimi sunar. Bu derste temel StatelessComponent tanımını öğreneceğiz.
Uygulama App bileşenini tanımla
import 'package:jaspr/jaspr.dart'; ekle. class App extends StatelessComponent tanımla: içinde @override Iterable<Component> build() sync* { yield text('Merhaba jaspr'); } olsun. main içinde print('jaspr: web framework') ve print('Bileşen: App') ekle.
Başlangıç kodu
// jaspr paketini içe aktar
// App bileşenini tanımla (StatelessComponent)
void main() {
// jaspr bilgisini yazdır
}Örnek çözüm
import 'package:jaspr/jaspr.dart';
class App extends StatelessComponent {
@override
Iterable<Component> build() sync* {
yield text('Merhaba jaspr');
}
}
void main() {
print('jaspr: web framework');
print('Bileşen: App');
}Beklenen çıktı
jaspr: web framework Bileşen: App
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 jaspr importu
import 'package:____/jaspr/jaspr.dart';import 'package:jaspr/jaspr/jaspr.dart';Açıklama: jaspr package:jaspr/jaspr.dart ile içe aktarılır.
2 jaspr parçalarını eşleştir
| Kavram | Anlamı |
|---|---|
jaspr |
Web framework |
StatelessComponent |
Bileşen |
build |
Render yöntemi |
SSR |
Sunucu render |
3 jaspr hangi modeli kullanır?
- Bileşen Doğru cevap
- MVP
- MVC
- Singleton
Açıklama: jaspr bileşen modelini kullanır.