ghengeveld

import styled, { keyframes } from "styled-components"

const slide = keyframes`
  0% { left: -35%; right: 100%; }
  60% { left: 100%; right: -90%; }
  100% { left: 100%; right: -90%; }
`

const chase = keyframes`
  0% { left: -200%; right: 100%; }

ghengeveld

class Accordion extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      activeItem: null,
    }
  }
  toggle = (event, index) => this.setState(state => ({ activeItem: state.activeItem === index ? null : index }))
  render() {
    return (

ghengeveld

{
  "products": [
    {
      "id": 448082,
      "title": "GoPro HERO4 Silver",
      "price": 36900,
      "description": "De GoPro HERO4 Silver is een waardige opvolger van GoPro 3-serie.",
      "thumbnail": "https://image.coolblue.io/products/448082?width=200&height=200"
    },
    {

ghengeveld

function App(props) {
  return <Header title="Fancy" />;
}

function Header(props) {
  return <Title {...props} />;
}

function Title(props) {
  return <div>{props.title}</div>;

ghengeveld

/* async-action.js */
import SomeService from './some-service';

export function doAsync(arg) {
  return dispatch => {
    // SomeService.doSomething returns a promise which resolves to the passed argument
    SomeService.doSomething(arg).then(result => {
      const action = { type: 'ASYNC_SUCCESS', payload: result };
      dispatch(action);
    }).catch(error => {

ghengeveld

/*
 * Usage: 
 * - open https://updates.xebia.com/smoelenboek/
 * - paste this file into chrome developer tools js console
 * - look at the picture in the top-left corner and choose from the names in the js console
 */

images = jQuery('dt.portrait img')
answer = [ , , , ]

ghengeveld

function embed(data, sizes) {
  const formattedData = {};
  for (let uuid in sizes) {
    if (sizes.hasOwnProperty(uuid) && data[uuid]) {
      formattedData[uuid] = {
        name: uuid,
        w: sizes[uuid].width,
        h: sizes[uuid].height,
        vars: {
          id: data[uuid],

ghengeveld

let getClassName = obj => {
  if (obj.constructor.name) {
    return obj.constructor.name;
  }
  const regex = new RegExp(/^\s*function\s*(\S*)\s*\(/);
  getClassName = obj => obj.constructor.toString().match(regex)[1];
  return getClassName(obj);
};

ghengeveld

De TXT record voor rt-opderails.nl moet worden:

"v=spf1 a mx ip4:195.211.72.0/22 ip4:141.138.168.0/21 ip6:2a03:3c00:a001::/48 include:spf.factuursturen.nl ~all"

Uiteraard kan de bestaande TXT record worden verwijderd.

ghengeveld

/**
 * Decorator to add 'transform' and 'transformError' methods to promises.
 * These can manipulate the result without catching errors so the 'then' 
 * functions will still work as expected.
 */
$provide.decorator('$q', function($delegate) {
  var defer = $delegate.defer;
  $delegate.defer = function() {
    var deferred = defer();
    deferred.promise.transform = function(fn) {