Jacob Dreesen jdreesen

SetState React HigherOrderComponent

Why?

If you want to write stateless functions in React and need to combine a number of setState functions to that stateless function. Enables to compose a number of functions expecting state and props. This enables to reuse functions when needed and eases testing those functions (as they are standalone and decoupled from React.

	// http://stackoverflow.com/questions/38090023/whats-the-lodash-fp-equivalent-of-ramdas-evolve-function/38425764#38425764

	const mapValuesWithKey = _.mapValues.convert({cap: false});

	function evolve(transformations) {
	return item =>
	mapValuesWithKey((value, key) => {
	const transformation = _.getOr(_.identity)(key)(transformations);
	const type = typeof transformation;
	return type === 'function' ?

	class MyWrapper extends React.Component {
	componentDidMount() {
	this.setState({
	instance: new WhateverIAmWrapping(this.node)
	});
	}
	render() {
	return (
	<div ref={(ref) => this.node } />
	{this.state.instance ? (

	import React from 'react';

	const toPromise = (load) => (new Promise((resolve) => (
	load(resolve)
	)));

	class LazilyLoad extends React.Component {

	constructor() {
	super(...arguments);

	<?php

	function tail($fn)
	{
	$underCall = false;
	$pool = [];

	return function (...$args) use (&$fn, &$underCall, &$pool) {
	$result = null;
	$pool[] = $args;

	import hify from './create-element';
	import React from 'react';
	import { render } from 'react-dom';

	const h = hify(React.createElement.bind(React));

	class Test extends HTMLElement {
	static observedAttributes = ['attr']
	attributeChangedCallback (name, oldValue, newValue) {
	this.innerHTML = `Hello, ${this.getAttribute('attr')}!`;

	<?php
	/**
	* Simple static proxy trait
	*
	* Aura DI is used for lazy loading
	*
	* Set `const PROXY_IDENTIFIER = "SomeClass" in your proxy class, and use this trait.
	*
	* Call `Some\Proxy\SomeClass::register(new SomeClassInstance)` to have it register the alias.
	*

	<?php declare(strict_types=1);

	require_once "✨.🐘";

	✨($_)->strlen("foo")->var_dump($_);

	RUN apt update
	RUN apt upgrade -y
	RUN apt install -y apt-utils
	RUN a2enmod rewrite
	RUN apt install -y libmcrypt-dev
	RUN docker-php-ext-install mcrypt
	RUN apt install -y libicu-dev
	RUN docker-php-ext-install -j$(nproc) intl
	RUN apt-get install -y libfreetype6-dev libjpeg62-turbo-dev libpng12-dev
	RUN docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/

Jacob Dreesen jdreesen

SetState React HigherOrderComponent

Why?

Example