Денис

npx create-react-app my-app
cd my-app
npm start

const Grid = React.forwardRef((props, ref) => (
  <div ref={ref}>{props.children}</div>
));

export class MyComponent extends React.Component {
  render() {
    return (
      <Grid innerRef={this.props.forwardRef} />
    );
  }
}

const Grid = props => (
  <div ref={props.innerRef}>{props.children}</div>
);

const greetings = 'Hello, friend';
let h1;

function say() {
  h1 = document.createElement('h1');
  h1.innerHTML = greetings;
  document.body.appendChild(h1);
}

say();

if (module.hot) {
  module.hot.dispose(() => {
    document.body.removeChild(h1);
  });

  module.hot.accept();
}

const greetings = 'Hello, friend';

export default greetings;

import './styles.css';

let greetings = require('./greetings').default;
let h1;

function say() {
  h1 = document.createElement('h1');
  h1.innerHTML = greetings;
  document.body.appendChild(h1);
}

say();

if (module.hot) {
  module.hot.accept('./greetings', () => {
    greetings = require('./greetings').default;
    document.body.removeChild(h1);
    say();
  });
}

import './styles.css';
import greetings from './greetings';

let h1;

function say() {
  h1 = document.createElement('h1');
  h1.innerHTML = greetings;
  document.body.appendChild(h1);
}

say();

if (module.hot) {
  module.hot.accept('./greetings', () => {
    document.body.removeChild(h1);
    say();
  });
}

{
  "presets": ["env", "react", "stage-0"],
  "plugins": ["transform-decorators-legacy"]
}

options: {
  presets: ['env', 'react', 'stage-0'],
  plugins: ['transform-decorators-legacy']
}

var result = data.reduce((acc, item)=>{
	var date = item.date.split(' ')[0]
  if (acc[date]) {
    acc[date].push(item)
  } else {
    acc[date] = [item]
  }
  return acc
}, {})

function groupByDate(arr) {
  //свертка массива во временный объект, с датами в качестве ключей
  const temp = arr.reduce((acc, elem) => {
    // делим строку по пробелу и извлекаем 0й элемент '2018-03-05 12:00' -> '2018-03-05'
    const date = elem.date.split(' ')[0];
    //если ключа-даты еще нет в объекте, записываем туда пустой массив
    if(!acc[date]) {
      acc[date] = [];
    }
    // ложим текущий элемент в соответствующий массив
    acc[date].push(elem);
    return acc;
  }, {});
  // извлекаем все ключи получившегося объекта в массив
  // и преобразуем массив ключей в массив значений
  return Object.getOwnPropertyNames(temp).map(k => temp[k]);
}

var script = document.createElement('script');
script.src = 'script.js';
script.onload = function () {
	// script's ready! do something
}

var makeCounter = function(counterName){
	var c = 0;

    Object.defineProperty(window, counterName, {
      enumerable: false,
      configurable: false,
      get:function(){
          return c++;
      }
    });

}

makeCounter('counter');

counter;
counter;
counter;

console.log(counter);

var buttons = document.querySelectorAll('button');
for(var i = 0; i < buttons.length; i++) {
    (function(i) {
        var button = buttons[i];
        button.onclick = function() {
            alert(button.innerHTML + i);
        }
    })(i);
}