Антон Спирин

1. У вас код невалидный. Ключевые слова class и for зарезервированны языком.
Используйте вместо className и htmlFor.
2. this.state ={url:url} Так state обновлять нельзя.
3. Создаете FormDatra но не используете.

После исправления этих пунктов, если не заведется смотрите ошибки в консоли, смотрите вкладку network, можно и сам метод подебажить тем же выводом console.log.

Насколько я понимаю вы хотите обновить состояние редьюсера. Делать это надо иммутабельно:

const { model, rows } = payload;

return { ...state, model, rows };

или:

return {
  ...state,
  model: payload.model,
  rows: payload.rows,
};

В выражении:
var a = [1][1];
Вы присваиваете a элемент массива [1] с индексом 1. Так как такого элемента в массиве нет, а получает значение undefined.

Так как undefined не кастуется ни в true, ни в false, ни одно из условий не истинно и в консоль ничего не выводится.

1. Вы можете назначить свою функцию на идентификатор onReady передав ее аргументом в вызов setOnReady. В 51-ой строке как раз такое переназначение и происходит.
2.

setTimeout(function() {
  onReady();
}, getTimeToBoil());

Можно упростить до:
setTimeout(onReady, getTimeToBoil());

Статья с пояснениями по этому коду.

var timeout = setTimeout(handler, duration);

element.addEventListener('scroll', scrollHandler);

function scrollHandler() {
  clearTimeout(timeout);
  element.removeEventListener('scroll', scrollHandler);
}

или:

var timeout = setTimeout(handler, duration);

element.addEventListener('scroll', function() {
  if (timeout) {
    clearTimeout(timeout);
    timeout = null;
  }
});

где element - элемент на котором вы хотите обрабатывать событие scroll.

В первом случае слушатель события scroll, по первому событию отменяется. Во втором остается и если таймер будет переназначен, по scroll он снова будет отменен.

Все достаточно просто, хоть и не совсем очевидно.
Выражение:
foo.x = foo = {n: 2};
равносильно:
foo.x = (foo = {n: 2});

Мы присваиваем объекту по идентификатору foo свойство x, которое равно результату операции присваивания идентификатору foo ссылки на объект { n: 2 }.

Чтобы в этом убедиться достаточно добавить переменную bar, присвоить ей начальное значение foo и вывести в конце:

let foo = {};

const bar = foo;

foo.x = (foo = {n: 2});

console.log(foo.x === undefined);  // true

console.log(bar);  // { x: { n:  2 } }

console.log(bar.x === foo);  // true

Ключевые отличия операций присваивания, которые важно понимать:
foo.x = - присваивание свойства конкретному объекту. На момент вызова в нашем примере это {}.
foo = - присваивание значения самому идентификатору foo. Это может быть примитив, ссылка на объект или функцию. В нашем случае это объект { n: 2 }.

Во втором случае вы возвращаете в колбеке не массив prev, а tec.join(" ") или tec
И во второй итерации получаете ошибку, в попытке изменить в строке свойство '1', о чем, собственно, и написано в тексте ошибки:

TypeError: Cannot assign to read only property '1' of string 'bla bla-bla'

Потому что вы копируете массив, но не копируете вложенные объекты. Новый массив получает ссылки на те же объекты.

const nearMarkers = markers.map(obj => ({ ...obj }));

В этом случае ссылки на вложенные объекты в obj сохранятся.

const nearMarkers = JSON.parse(JSON.stringify(markers));

В этом случае все вложенные объекты в obj будут клонированы.

Если используете в коде spread operator, то можете использовать такой вариант:

const nearMarkers = markers.map(marker => ({ ...maker, distance: someValue }));

Проблема в полном непонимании принципа работы асинхронного кода.
Исправить можно так:

const getUsers = () => fetch("https://jsonplaceholder.typicode.com/users");

getUsers().then(res => res.json()).then(res => {
  document.getElementById("app").innerHTML = JSON.stringify(res);
})

const isFocused = document.activeElement === this.inputRef.current;

const AnswerItem = ({ onAnswerClick, answer: { id, text } }) => ...

Но лучше проверять существование объекта answer, если конечно не уверены точно, что он будет передан в любом случае.

Почитайте любую тематическую статью на эту тему.
1. В самом простом случае у вас две точки входа server(с ReactDOMServer.renderToString) и client(c ReactDOM.hydrate).

2. State можно получать на сервере и передавать на клиент, примерно, так:

<script>window.__INITIAL_STATE__ = json.stringify(initialState);</ script>

В configureStore:

export = function (initialState: {} = {}) {
  if (__CLIENT__) {
    initialState = JSON.parse(JSON.stringify(window.__INITIAL_STATE__));
  }

  return createStore(combineReducers({ ...rootReducer }), initialState, enhancer);
}

3. Никаких глобальных переменных для состояний изменяющихся от клиента к клиенту(локали, темы и прочее). Node обрабатывает множество запросов одновременно и информация клиентов при передаче конфигураций в глобальные модули или при использовании глобальных состояний может перемешаться.
4. Получение данных на сервере и клиенте тот еще головняк. Посмотрите как реализована библиотека react-frontload.

...но если кладу этот файл в отдельную папку и рядом с файлом создаю файл package.json с таким содержанием...

Зачем?

Срочно изучайте основы npm и wepack.

Если хотите собирать бандл из другой директории измените путь в свойстве entry конфига webpack:

module.exports = {
  entry: './path/to/my/entry/file.js'
};

package.json добавлять не надо, этот файл для других целей.

Вы вы используете в коде неопределенный идентификатор onAjaxSucces и получаете соответствующую ошибку.
Вы должны определить в коде выше функцию onAjaxSucces

function onAjaxSucces(data) {
  // do something with data
} 

$.post(
  "http://www.google-analytics.com/collect",
  {
    v: '1',
    tid: 'UA-xxxxxx-1',
    cid: 'a7a364d8-0d14-4e77-b637-xxxxxxxxxx',
    t: 'item',
    ti: '21001',
    in: 'товар2',
    ip: '300.00',
    iv: 'категория2'
  },
  onAjaxSucces
);

, либо определить анонимную функцию в аргументах:

$.post(
  "http://www.google-analytics.com/collect",
  {
    v: '1',
    tid: 'UA-xxxxxx-1',
    cid: 'a7a364d8-0d14-4e77-b637-xxxxxxxxxx',
    t: 'item',
    ti: '21001',
    in: 'товар2',
    ip: '300.00',
    iv: 'категория2'
  },
  function(data) {
    // do something with data
  }
);

Второй вариант предпочтительнее, если функция не переиспользуется.

$.post так же может принимать аргументом объект с параметрами.

ES5:

$('.num').text(function(_, num) {
  return num * 2;
});

ES6:
$('.num').text((_, num) => num * 2);