RobinMalfait

#include <iterator>
#include <iostream>
#include <string>
#include <vector>
#include <fstream>
#include <regex>
 
/**
 * Use namespace std
 */

RobinMalfait

/**
*
* Self-Invoking Anonymous Function
*
**/
(function(){

})();

RobinMalfait

{
  "icons": [
    {
      "name": "Glass",
      "id": "glass",
      "unicode": "f000",
      "created": 1,
      "categories": [
        "Web Application Icons"
      ]

RobinMalfait

{
  "fa-500px": "500px",
  "fa-adjust": "Adjust",
  "fa-adn": "Adn",
  "fa-align-center": "Align Center",
  "fa-align-justify": "Align Justify",
  "fa-align-left": "Align Left",
  "fa-align-right": "Align Right",
  "fa-amazon": "Amazon",
  "fa-ambulance": "Ambulance",

RobinMalfait

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,

RobinMalfait

// Switch
const applicationReducer = (state, action) => {
  switch (action.type) {
    case "FETCH_PACKAGES/START":
    case "FETCH_DEPENDENCIES/START":
      return {
        ...state,
        fetch_count: state.fetch_count + 1
      };

RobinMalfait

it("should create new state when an action is namespaced", async () => {
  // Types
  const ACCUMULATOR = "ACCUMULATOR";
  const ADD = "ADD";
  const SUBTRACT = "SUBTRACT";
  const MULTIPLY = "MULTIPLY";

  // Action creators
  function add(value) {
    return createAction(namespace(ACCUMULATOR, ADD), value);

RobinMalfait

1. Determenistic classNames
2. No context switching, the styles are in the same file as the component
3. Allows for easy deletability (if that's a word), in pure CSS files you can have the problem that you don't (always) know if you can uberhaupt delete the css or not
4. We still allow for nested styles like:

import { Button } from './Button';
const Accordion = styled.div`
  // We don't need to know which class `.Button` uses, in pure css we _do_ need to know which one
 ${Button} {

RobinMalfait

const output = {
  _: ["a", "b"],
  foo: "bar",
  baz: true
};

const sgray = ({ _, ...input }) =>
  [
    ..._,
    ...Object.keys(input).reduce((acc, key) => {

RobinMalfait

const classNames = (...classes) => classes.filter(Boolean).join(' ');

// No need to default to an empty string as className
function Switch({on, className, ...props}) {
  return (
    <div className="toggle">
      <input
        className="toggle-input"
        type="checkbox"
      />