se7en se7en00

Say we have a prop.users of the shape:

const users = [
    {username: 'bob', age: 30, tags: [{name: 'work', id: 1}, {name: 'boring', id: 2}]},
    {username: 'jim', age: 25, tags: [{name: 'home', id: 3}, {name: 'fun', id: 4}]},
    {username: 'jane', age: 30, tags: [{name: 'vacation', id: 5}, {name: 'fun', id: 4}]}
];

Either you use .babelrc to specify environment specific settings (plugins or transforms for example) using the env key:

{
  "presets": ["es2015", "stage-0", "react"],
  "env": {
    "development": {
      "plugins": [
        ["transform-object-rest-spread"],
 ["transform-react-display-name"],

	import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
	import { Observable } from 'rxjs';

	const fromRequest = (request: AxiosRequestConfig) =>
	new Observable<AxiosResponse>(
	(o) => {
	const source = axios.CancelToken.source();

	o.add(() => source.cancel('Operation canceled by the user.'));

	"use strict";

	/**
	* Hypertext Transfer Protocol (HTTP) response status codes.
	* @see {@link https://en.wikipedia.org/wiki/List_of_HTTP_status_codes}
	*/
	enum HttpStatusCode {

	/**
	* The server has received the request headers and the client should proceed to send the request body

	/* eslint-disable prefer-template */

	const path = require('path');
	const aliases = require('./aliases');

	// ///////////////////////////////////////////////////////////////
	// ////////////////// PLUGINS ////////////////////////////////
	// ///////////////////////////////////////////////////////////////

	const commonPlugins = [