Михаил Р.

renderNoResultsMessage() {
    const { results, noResultsMessage } = this.props;
    if (results && !results.length && noResultsMessage) {
      return (<div className="no-result">
        <h3>
          {noResultsMessage}
        </h3>
      </div>);
    }
  }

Пора ли переходить только на woff2 формат?

const attacks = [
  { minChance: 7, damage: 40, name: 'critical' },
  { minChance: 5, damage: 20, name: 'big' },
  { minChance: 0, damage: 10, name: 'weak' },
];

const messages = {
  start: (player, enemy) => `Welcome! Yor health is - ${player}%, your enemy health - ${enemy}%`,
  end: (player, enemy) => `You ${enemy <= 0 ? 'win' : 'lost'}! Your hp level - ${player}, opponents hp level - ${enemy}`,
  chance: (player, enemy) => `your chance - ${player}, your opponent chance - ${enemy}`,
  turn: (player, enemy, hit, isEnemy) =>
`${isEnemy ? 'Enemy' : 'Your'} turn...
${isEnemy ? 'Enemy' : 'You'} did a ${hit} hit
${isEnemy ? 'Your' : 'Enemy'} hp - ${isEnemy ? player : enemy}`,
};


const simpleFight = () => {
  const hp = [ 100, 100 ];

  console.log(messages.start(...hp));

  while (hp.every(n => n > 0)) {
    const chances = hp.map(() => Math.random() * 11 | 0);

    console.log(messages.chance(...chances));

    if (chances[0] !== chances[1]) {
      const chance = Math.max(...chances);
      const attack = attacks.find(n => n.minChance < chance);
      const isEnemyAttacks = chance === chances[1];
      hp[+!isEnemyAttacks] -= attack.damage;

      console.log(messages.turn(...hp, attack.name, isEnemyAttacks));
    }
  }

  console.log(messages.end(...hp));
};

const { id } = this.state;
const newOrder = { id, ... };
const orders = [];

Есть ли способ полностью локально хранить переменные в браузере без участия сервера?

const env = process.env;
const __DEV__ = env.NODE_ENV === "development";

const BASE_CSS_LOADER = {
  loader: "css-loader",
  options: {
    importLoaders: 2,
    sourceMap: true,
    minimize: true
  }
};
const CSS_MODULES_LOADER = {
  loader: "css-loader",
  options: {
    importLoaders: 2,
    localIdentName: "[name]__[local]___[hash:base64:5]",
    modules: true,
    sourceMap: true,
    minimize: true
  }
};
const POSTCSS_LOADER = {
  loader: "postcss-loader",
  options: {
    sourceMap: true,
    plugins: [autoprefixer],
    minimize: true
  }
};
const STYLE_LOADER = __DEV__ ? "style-loader" : MiniCssExtractPlugin.loader;
config.module.rules = [].concat(config.module.rules, [
  {
    test: /\.module\.scss$/,
    use: [
      STYLE_LOADER,
      CSS_MODULES_LOADER,
      POSTCSS_LOADER,
      "sass-loader?sourceMap"
    ]
  },
  {
    test: /\.module\.css$/,
    use: [STYLE_LOADER, CSS_MODULES_LOADER, POSTCSS_LOADER]
  },
  {
    test: /\.scss$/,
    exclude: /\.module\.scss$/,
    use: [
      STYLE_LOADER,
      BASE_CSS_LOADER,
      POSTCSS_LOADER,
      "sass-loader?sourceMap"
    ]
  },
  {
    test: /\.less$/,
    exclude: /\.module\.less$/,
    use: [
      STYLE_LOADER,
      BASE_CSS_LOADER,
      POSTCSS_LOADER,
      "less-loader?sourceMap"
    ]
  },
  {
    test: /\.css$/,
    exclude: /\.module\.css$/,
    use: [STYLE_LOADER, BASE_CSS_LOADER, POSTCSS_LOADER]
  }
]);