Francesco Agosti fragosti

React Recompose Primer

This primer will try to explain what recompose is by writing a non-recompose React component and then progressively refactoring it until you end up using withState from recompose.

import React, { Component} from 'react';

class MyComponent extends Component {
  state = {
    isShowingStuff: false,
  }

Keybase proof

I hereby claim:

I am fragosti on github.
I am fragosti (https://keybase.io/fragosti) on keybase.
I have a public key ASA2e8pUehBz_uRJIX_-D7l6tORU7SLbx6g-zBApTM-h4Qo

To claim this, I am signing this object:

title: Swagger Petstore language_tabs:

shell: Shell
http: HTTP
javascript: JavaScript
javascript--nodejs: Node.JS
ruby: Ruby
python: Python
java: Java

	const axios = require('axios');
	const Bottleneck = require('bottleneck');
	const fs = require('fs');

	const limiter = new Bottleneck({ minTime: 333, maxConcurrent: 4 });

	const rankedTokens = [
	'ETH',
	'DAI',
	'WETH',

	const connect = require('@0x/connect');
	const subproviders = require('@0x/subproviders');
	const utils = require('@0x/utils');
	const wrapper = require('@0x/web3-wrapper');
	const orderUtils = require('@0x/order-utils');
	const contractAddresses = require('@0x/contract-addresses');
	const handler = {
	onUpdate: (...args) => console.log('onUpdate:', ...args),
	onError: (...args) => console.log('onError:', ...args),
	onClose: (...args) => console.log('onClose:', ...args),

	francescoagosti@0x:Projects/0x-api ‹feat/filter-expired-orders*›$ yarn dev
	yarn run v1.13.0
	$ nodemon -r dotenv/config src/index.ts \| pino-pretty
	[nodemon] 1.19.4
	[nodemon] to restart at any time, enter `rs`
	[nodemon] watching dir(s): src/*/
	[nodemon] watching extensions: ts,js,json,yaml,yml
	[nodemon] starting `ts-node -r dotenv/config src/index.ts`
	[1585082487404] INFO (58061 on 0x): OrderWatcherService starting up!
	[1585082487404] INFO (58061 on 0x): OrderWatcherService syncing orderbook with Mesh

	{
	name: "Coat",
	symbol: "CC",
	description: "",
	external_url: "",
	image: "https://gukaixixvhoplkbwfxpuawxnbhdja3qkpsalcfpxg5ctcdaiw63a.arweave.net/NRQEXRep3PWoNi3fQFrtCcaQbgp8gLEV9zdFMQwIt7Y/01.the-trenchcoat.jpg",
	"properties": {
	"maxSupply": 10,
	"royalty": 10,
	"files": [

	export const getMediaFromProperties = (
	properties: CollectibleProperties,
	animationUrl: string,
	): CollectibleMedia \| undefined => {
	// OpenSea standard https://docs.opensea.io/docs/metadata-standards
	if (animationUrl) {
	const fileExt = getLast(animationUrl.split("."));
	const queryExt = new URLSearchParams(getLast(animationUrl.split("?"))).get("ext");
	if (
	fileExt === FileExtension.GLB \|\|