magalhini

var chai = require('chai');
var assert = chai.assert;
var expect = chai.expect;
var should = chai.should();
var sinon = require('sinon');

function myAsyncFunction(callback) {
  // 50ms delay before callback
  setTimeout(function() {
    console.log('hello');

magalhini

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

magalhini

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
var folders = {
    APP: path.resolve(__dirname, '../app'),
    BUILD: path.resolve(__dirname, '../build'),
    BOWER: path.resolve(__dirname, '../bower_components'),
    NPM: path.resolve(__dirname, '../node_modules')
};

magalhini

// Kinda pseudo code
// This script will download and resize each image to half
// Because the images can be RRREAAALLY big
// the download and resize is done sequentially (in my case, inside a child_process)
// to ensure that memory is released after each image.

// We dont know how many images there are
let images = [
  'https://flickr.com/photo/1',
  'https://flickr.com/photo/2'

magalhini

Files

The basic structure of a React+Flux application (see other examples)

 - /src/actions/AppActions.js     - Action creators (Flux)
 - /src/components/Application.js - The top-level React component
 - /src/constants/ActionTypes.js  - Action types (Flux)
 - /src/core/Dispatcher.js        - Dispatcher (Flux)
 - /src/stores/AppStore.js        - The main store (Flux)

magalhini

#!/bin/bash

# This script intends to remove all unused images from the project.
# Use with caution and don't forget to back-up before using.

SRC=./source/images

# Create a `.tmp` folder
mkdir -p .tmp

magalhini

(function(window){

	var EVENT_EXISTS = 'GlobalEvents: Event already exists.';

	var eventIsRunning, 
		_eventStack,
		_findByName,
		stackEvent,
		removeEvent,
		eventListener,

magalhini

    /**
     * __series
     * Given an array of functions, it will call every function,
     * once at a time, sequentially.
     * Every function will have a trigger function as its last argument,
     * that should be called when the function is done.
     * If arguments are given to this trigger function, those will be passed
     * to the next function.
     *
     * @example

magalhini

var browser = (function () {
    var ua = navigator.userAgent.toLowerCase(),
        platform = navigator.platform.toLowerCase(),
        UA = ua.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/) || [null, 'unknown', 0],
        mode = UA[1] === 'ie' && document.documentMode,
        name = (UA[1] === 'version') ? UA[3] : UA[1],
        version = mode || parseFloat((UA[1] === 'opera' && UA[4]) ? UA[4] : UA[2]),
        browser;

    return {

magalhini

function castElement(el, target) {
    // Convert nodelists and weird dom stuff into arrays
    var attrs = [].slice.call(el.attributes, 0),
        children = [].slice.call(el.childNodes, 0),
        // create final element
        element = document.createElement(target);
        
    if (el.nodeName.toLowerCase() === 'textarea') {
        element.innerHTML = el.value;
    }