Web framework

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.

Örnek çözümü göster

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');
}

Kendini test et

jaspr importu

import 'package:____/jaspr/jaspr.dart';

Cevabı göster

import 'package:jaspr/jaspr/jaspr.dart';

jaspr parçalarını eşleştir

jaspr

Web framework
StatelessComponent

Bileşen
build

Render yöntemi
SSR

Sunucu render
jaspr hangi modeli kullanır?
- Bileşen
- MVP
- MVC
- Singleton
Cevabı göster

Bileşen — jaspr bileşen modelini kullanır.

Sıradaki ders: Özet - Web Dart

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler