federicofazzeri

import 'package:flutter/material.dart';

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

void main() {
  MyAppModel myAppModel = MyAppModel();
  myAppModel.addListener(() => runApp(myApp(myAppModel)));
  myAppModel.updateUI(1);
}

federicofazzeri

import 'package:flutter/material.dart';
import 'dart:math';

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

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

class MyApp extends StatelessWidget {

federicofazzeri

{
  "presets": [
    ["env", {
      "targets": {
        "node": "6.10"
      }
    }]
  ]
}

federicofazzeri

function checkForNewVersions() {
    if( ! 'BroadcastChannel' in window) return;
    const assetsUpdates = new BroadcastChannel('precache-updates');
    const dataUpdates = new BroadcastChannel('data-updates');
    assetsUpdates.addEventListener('message', (event) => {
        /*alert the user to reload the page to get the new app version*/
    });
    dataUpdates.addEventListener('message', (event) => {
        /*alert the user to reload the page to get the new app data*/
    });

federicofazzeri

const dataUrl = ''; //your data api url

(function(dataUrl, Observable) {

    'use strict';

    /******** your impure functions: ***********/
  
    //bind data to the view here 

federicofazzeri

Redux - component based - SPA with dependency injection WITHOUT using frameworks.

The app is built entirely with browsers native Web Components (Custom Elements, Shadow DOM, HTML Imports and HTML Template)

The app works in older browsers thank to the web component polyfill loader that dynamically loads the necessary polyfills using features detection.

webpack.config.js builds the app using a custom template (app.template.html) where the root component is set, the components templates are imported (components-templates.html) and the Polyfills detector is loaded.

index.js is the app entry script, it waits until the necessary polyfills are loaded then instantiates the dependencies and bootstrap the app.

federicofazzeri

var test = require('tape');

const double = n => n*2;
const addOne = n => n+1;
const excludeTen = n => n !== 10;
const listPush = (list, v) => {
    list.push(v);
    return list;
}
const mapReducer = mapFn =>

federicofazzeri

/* 
Crawl a directory and return a list containing all subdirectories paths 
*/

const fs = require('fs-extra');
const { promisify } = require('util');
const { resolve } = require('path');
const EventEmitter = require('events');

const isDir = folder => fs.lstatSync( folder ).isDirectory();

federicofazzeri

import { Directive, HostListener, ElementRef, Output, Input, EventEmitter, AfterContentInit } from '@angular/core';
import { Observable } from 'rxjs/Rx'
import 'rxjs/add/observable/fromEvent';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/takeUntil';
import 'rxjs/add/operator/concatMap';
import { Subject } from 'rxjs/Subject';

@Directive({

federicofazzeri

Angular2 app that saves data on an any in-browser database (thanks to PouchDb) and syncs it with a remote couchDb as soon as the connection is restored

1 - Install pouchdb and pouchdb types

npm install pouchdb --save
npm install @types/pouchdb --save --save-exact

2 - fix CORS issues