Larisa Moroz

$('div#test').click(function() {
  var myNText = $('#text').html();
  var myZTextIs = myNText.match(/(\[i\].+?\[\/i\][\s\r\n]*)/ig);
  myZTextIs.reverse().forEach(function (el) {myNText = el+myNText.replace(el,'');});
  $('#text').html(myNText+"<hr>"+myZTextIs);
});

ReactDOM отвечает за работу с DOM,
иными словами, если приложение работает и что-то отрисовывает в браузере — то нужно подключать ReactDOM.

Virtual DOM сравнивается:

1. не с текущей DOM , а с текущим снимком Virtual DOM (сделанным непосредственно перед применением каких-либо изменений)
   
2. всякий раз, когда
   
   • а) меняется состояние компонента через setState
     
   • б) или меняются его props:
     
   
   
   а) б)
   
   См.:

React: The Virtual DOM, React Component Lifecycle, The Component Lifecycle

HTMLInputElement.setSelectionRange()

header("404 Not Found")

Babel-у требуется указать настройки (preset) по которым будет транспилироваться код.
Документация по использованию babel-loader:

{
  test: /\.js$/,
  exclude: /node_modules|/,
  use: {
    loader: 'babel-loader',
    options: {
      presets: ['env']
    }
  }
}

В данном случае используется babel-preset-env, который автоматически определяет требуемые полифиллы и т.п.… Соответственно, его также нужно подключить в приложение:
yarn add babel-preset-env --dev
или
npm install --save-dev babel-preset-env