benoitjadinon

Svelte vs React vs Flutter

A int stepper exercise (from this great talk)

The goal is to compare technologies using a reactive form that has a 2-way twist (value can be changed manually, and be changed from different sources) results will be graded in terms of code readabilty and number of redraws needed

svelte repl

react playground

benoitjadinon

void main() {
  final pairs = [
    'BTC/USDT',
    'BTCD/USDT',
    'BTC/USD',
    'USDT/BTC',
  ];

  final search = 'BTCUS';
  final r = search.replaceAll(' ', '').split('').join('.*?');

benoitjadinon

//Copyright (C) 2012 Sergey Akopkokhyants. All Rights Reserved.
//Author: akserg

/// Emulation of Java Enum class.
///
/// Example:
///
/// class Meter<int> extends Enum<int> {
///

benoitjadinon

extension StreamExtensions<T> on Stream<T> {

  /// usage:
  /// userStream
  ///   //.breakpoint() // to break on ALL events of the stream
  ///   .breakpoint(prefix:'user', whenKind(k) => k == EventKind.OnResume)
  ///   .listen();
  Stream<T> breakpoint({
      String prefix,
      String message,

benoitjadinon

Keybase proof

I hereby claim:

• I am benoitjadinon on github.
• I am benoitjadinon (https://keybase.io/benoitjadinon) on keybase.
• I have a public key ASB-I4oxAigtmDfVCqOjjiXEhPhhQ_ERLILKc6Fu22dfJAo

To claim this, I am signing this object:

benoitjadinon

import 'package:cloud_firestore/cloud_firestore.dart';

import 'jsonable.dart';

class FireBaseApi {
  final String path;
  final Firestore _db = Firestore.instance;

  CollectionReference _ref;

benoitjadinon

class BehaviorStreamBuilder<T> extends StreamBuilder<T>
{ 
  BehaviorStreamBuilder({
    Key key,
    BehaviorSubject<T> stream,
    @required AsyncWidgetBuilder<T> builder
  }) : assert(builder != null),
    super
    (
      key: key, 

benoitjadinon

import 'package:flutter/widgets.dart';

// (c) Didier Boelens
// https://www.didierboelens.com/2018/12/reactive-programming---streams---bloc---practical-use-cases/

Type _typeOf<T>() => T;

abstract class BlocBase {
  void dispose();
}

benoitjadinon

@JS()
library tv.js;

import "package:js/js.dart";

@JS("TradingView.widget")
class widget {
  external factory widget(WidgetOptions options);
}

benoitjadinon

/// <remarks>https://stackoverflow.com/questions/27631736/meaning-of-top-ascent-baseline-descent-bottom-and-leading-in-androids-font</remarks>
public static void DrawTextCenteredVertically(this SKCanvas canvas, string text, SKPaint paint, SKPoint point)
{
  var textY = point.Y + (((-paint.FontMetrics.Ascent + paint.FontMetrics.Descent) / 2) - (paint.FontMetrics.Descent /2)); // seems to work better with descent/2
  canvas.DrawText(text, point.X, textY, paint);
}