hendrikswan

import 'package:flutter/material.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override

hendrikswan

import 'package:flutter/material.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override

hendrikswan

/**
 * Move item in array.
 * NOTE: 2 splice operations will occur.
 * First splice will briefly remove item array, second splice re-insert it into desired location.
 * @see https://jsperf.com/array-prototype-move
 */
function moveItemInArray(
  array: any[],
  moveIndex: number,
  toIndex: number

hendrikswan

const handleDrawingEvent = line => ({
  line,
  type: 'LINE_DRAWN'
})

const drawingSyncSuccess = () =>  ({
  type: 'DRAWING_SYNC_SUCCESS',
})

const drawingSyncFailure = () => ({

hendrikswan

function loadDataEpic(action$) {
  return action$
    .ofType('LOAD_DATA')
    .switchMap(({ url }) =>
      fetch(url)
        .then(response => response.ok ? response.json() : requestFailedAction())
        .then(result => result.type === 'REQUEST_FAILED' ? result : requestSuccessAction(result))
        .catch(() => requestFailedAction())
    )
}

hendrikswan

function (action$: Observable<Action>, store: Store): Observable<Action>;

hendrikswan

const handleDrawingEvent = line => ({
  line,
  type: 'LINE_DRAWN'
})

const drawingSyncSuccess = () =>  ({
  type: 'DRAWING_SYNC_SUCCESS',
})

const drawingSyncFailure = () => ({

hendrikswan

const handleDrawingEvent = line => ({
  line,
  type: 'LINE_DRAWN'
})

const defaultState = { lines: [] };

const reducer = (state = defaultState, action) => {
  switch (action.type) {
    case 'LINE_DRAWN': 

hendrikswan

function handleDrawingEvent(line) {
  return (dispatch, getState) => {
    console.log(`From (${line.from.x},${line.from.y}) to (${line.to.x},${line.to.y})`);
  }
}

hendrikswan

function loadData() {
  return (dispatch) => {
    fetch('/a/fake/url')
    .then(response => {
      if (!response.ok) {
        // dispatching a downstream action
        return dispatch(requestFailedAction());
      }
      return response.json();
    })