Francesco Persico fpersico

fpersico / article.json

Created January 4, 2018 15:59

Fetch with include

fpersico / derivatives.json

Created January 5, 2018 15:07

Consumer Image Styles - Derivatives

	"meta": {
	"derivatives": {
	"large": "http:\/\/drupal.docker.localhost:8000\/sites\/default\/files\/styles\/large\/public\/2018-01\/generateImage_BPmlnl.png?itok=nZStEnMo",
	"medium": "http:\/\/drupal.docker.localhost:8000\/sites\/default\/files\/styles\/medium\/public\/2018-01\/generateImage_BPmlnl.png?itok=WgGvC65q",
	"thumbnail": "http:\/\/drupal.docker.localhost:8000\/sites\/default\/files\/styles\/thumbnail\/public\/2018-01\/generateImage_BPmlnl.png?itok=XoCEVX0q"
	}
	}

fpersico / ArticleFull.json

Created January 5, 2018 15:10

ArticleFull

	// Simple component that render an Article in Full-Mode

	import React, { Component } from 'react';

	import moment from 'moment';

	import ImageDerivative from './ImageDerivative';

	import './Article.css';
	import './ArticleFull.css';

fpersico / ImageDerivative.js

Created January 5, 2018 15:15

ImageDerivative

	import React from 'react';

	class ImageDerivative extends React.PureComponent {
	render() {
	const { image, derivative } = this.props;
	const url = image.meta.derivatives[derivative];

	return <img src={url} alt={image.filename} />;
	}
	}