Антон Спирин

https://cultofmartians.com

Хорошее руководство: Introduction to React with Redux and Redux Thunk
redux-thunk

По-хорошему надо использовать webpack + babel. На крайняк делать fallback.
Об использовании модулей в браузерах
can-i-use

function isIncludes(string, substring) {
  return string.toLowerCase().indexOf(substring.toLowerCase()) !== -1;
}

if (isIncludes(value1, word1) && isIncludes(value2, word2)) {
  console.log(word1, ' and ', word2);
}

Вызов toLowerCase() добавлен, чтобы возвращал true без учета регистра(Слово, слово, сЛово и пр.), если регистр важен, то вызовы toLowerCase() следует убрать из кода.
Демо

add = () => {
  fetch('/users/', { method: 'POST' })
    .then(res => res.json())
    .then(count => this.setState({ count }));
};

Уверен, самое короткое выражение !0, а таблица, либо троллинг, либо хак.

var result = str1.replace(/^dist\//, '');

В реальных проектах обычно используют REST API.
Для вашего приложения хватит и local storage.
Можете использовать firebase.
На крайняк можно использовать REST API плагин для WP.
Можете попробовать написать простой REST API сервер на Epress/Koa или на любом ЯП, подходящем для этой задачи.

a - стрелочная функция, использует значение this окружающего контекста
b - метод объекта, значением this является объект перед «точкой», в контексте которого вызван метод.

Библиотека позволяющая использовать маршрутизацию на стороне клиента. Если в вашем приложении подразумевается переход по страницам приложения с подменой url в браузере и без перезагрузки страницы(SPA), то да, клиентский роутинг вам необходим. Можете использовать react-router-dom, а можете и свой роутер написать. Первый вариант сэкономит вам кучу времени, удобен в использовании и вы всегда сможете найти в интернете типовые решения большинства задач. Второй вариант годится разве для саморазвития.

Потому что в функции f вы присвоили локальной переменной(аргументу) o новый объект:

{
  message: "Новый объект!"
}

За пределами функции глобальная o ссылается на старый объект, в котором вы во время вызова f заменили ключ message на "Изменено в f"
Другими словами, во время первого и третьего вызова console.log выводится ключ старого объекта, во время второго нового.
Хороший пример, демонстрирующий базовые принципы языка.
Передача по ссылке
Область видимости

Выполните в консоли в директории с файлами:
ls -R > filenames.txt

Не правильно используете Fetch API.
Простой пример использования:

fetch('https://example.com/api')
  .then(response => response.json())
  .then(json => dispatch(someAction(json)))
  .catch(console.log);

А с чего вы решили, что асинхронная функция должна возвращать Promise без вызова?
Будет работать либо так:

const handleFiles = () => {
  return async handle => {
    let result;
    result = 'hello';
    return result;
  };
};
handleFiles()().then(result => console.log(result)).catch(console.log(e));

либо так:

const handleFiles = async () => {
  let result;
  result = 'hello';
  return result;
};

handleFiles().then(result => console.log(result)).catch(console.log(e));

Складывается впечатление, что вы видели где-то асинхронные действия redux-trunk и даже писали, но толком не понимаете как они работают и зачем над асинхронной функцией обертка. Дело в том, что там вы передаете в dispatch вызов action и middleware получает возвращаемую функцию, а затем ее вызывает.

Вы все неправильно поняли. Обращайтесь в такие моменты к спецификациям.
1. Если вы передаете NaN, нативная функция ToNumber возвращает NaN, затем ToInteger заменяет значение на +0.
2. Если вы передаете null, ToNumber заменяет его на +0.
3. Если передаете undefined первым аргументом, его сначала ToNumber заменяет на NaN, затем ToInteger на +0.
4. Если вы передаете undefined вторым аргументом, алгоритм использует вместо него длину массива.

class App extends React.Component {
  state = {
    category: 'business',
    items: [],
  };

  componentDidMount() {
    this.fetchData();
  }
  
  fetchData() {
    axios.get('https://newsapi.org/v2/top-headlines?country=us&category='+this.state.category)
      .then(res => {
      this.setState({ items: res.data.articles });
    });
  }
  
  changeCategory = () => {
    this.setState(
      { category: 'entertainment' },
      this.fetchData,
    );
  };


  render() {
    return (
      <div className='wrapper'>
        <button onClick={this.changeCategory}>CLICK</button>
      </div>
    );
  }
}

HTML:

<input class="js-search" />
<a class="js-search-link" target="_blank" href="#">Search in Google</a>

JS:

var defaultHref = 'https://google.com/search?q=';
var search = document.querySelector('.js-search');
var link = document.querySelector('.js-search-link');

link.setAttribute('href', defaultHref);

search.addEventListener('input', function() {
  link.setAttribute('href', defaultHref + search.value.trim().replace(/ +/, '+'));
});

Демо.

Вызов .trim() - удаляет пробелы в начале и конце строки.
Вызов .replace(/ +/, '+') - заменяет пробелы, в том числе множественные, плюсами.