testtoster

import React from 'react';
import './App.css';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      text: '',
      count: 0,
    }
  }

  showText = () => {
    console.log('button work');
    this.setState({ text: 'button work' });
  }

  showCount = () => {
    this.setState({ count: this.state.count + 1});
  }

  render() {
    return (
      <div>
        <button onClick={this.showText}>Push1</button>
        <p>{this.state.text}</p>
        <button onClick={this.showCount}>Count</button>
        <p>{this.state.count}</p>
      </div>
    )
  }
}

export default App;

( -__ -)

Тогда я думаю в методе showCount стоит менять count, а не text

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      text: '',
      count: 0,
    }
  }

  showText = () => {
    console.log('button work');
    this.setState({ text: 'button work' });
  }

  showCount = () => {
    this.setState({ count: '0' });
  }

  render() {
    return (
      <div>
        <button onClick={this.showText}>Push1</button>
        <p>{this.state.text}</p>
        <button onClick={this.showCount}>Count</button>
        <p>{this.state.count}</p>
      </div>
    )
  }
}

let theContent = document.getElementsByClassName('.pattern');

Тут ты получаешь массив элементов
theContent.style.display = 'none'; А тут ты пытаешься массиву элементов задать css свойство, как к одному элементу.
Тебе нужно в 1 пункте получить один, нужный, элемент
UPD: Слегка поколдовал. https://jsfiddle.net/yfLdkaje/1/

Это происходит потому что событие click вешается не на сами кнопки табов, а на весь блок с табами, включая его контент.

Быстрый способ справиться с проблемой — если таб не выбран, выходить из функции переключения таба DEMO

Правильный способ — обрабатывать событие click исключительно на кнопках табов, тогда переключение табов будет работать только тогда, когда нужно.

img.scr = 'img/' + images[i]; // не scr, а src, что значит source

узнать где именно ошибка, а не просто получить ссылку на общий файл?

Используйте плагин sourcemaps (плагин для gulp)
1) Перед началом обработки файла указываете команду .pipe(sourcemaps.init())
2) После обработки файла указываете: .pipe(sourcemaps.write())
Всё это указано в документации.

Получается такой код в Gulp-файле

const gulp = require('gulp');
const concat = require('gulp-concat');
const sourcemaps = require('gulp-sourcemaps');

gulp.task('js', function() {
  return gulp.src('js/*.js')
    
  // Инициируем карту перед работой с файлом
    .pipe(sourcemaps.init())

    // Объединяем все JS в один файл
    .pipe(concat('main.js'))

    // Записываем карту всех исходных файлов
    .pipe(sourcemaps.write())

    .pipe(gulp.dest('./'));
})

В итоге, в консоли упоминается не итоговый файл, а исходный

https://learn.javascript.ru/event-delegation

Как насчет такого варианта?
подставляйте нужное число / дату и получайте день недели

new Date(2019, 11, 16).toLocaleString('ru-Ru', { weekday: 'long' });

Может, стоит закрыть открытый тег ДО выхода из цикла и условий?)

Я думаю один из наиболее простых вариантов - это сначала привести даты к формату Timestamp (т.е. по сути к числу), а потом сравнить их (2 числа). Подробности описаны, например, здесь.

кнопка.addEventListener('click', функция)

var button = document.querySelector('класс/ид/имя кнопки');
button.addEventListener('click', функция без скобок);

или 

button.addEventListener('click', function(){
   функция();
});

get_template_part()

Никак. Всё что вы можете внутри файла header-home.php подключить другой файл используя get_template_part — в этой функции можно указать путь до файла.

Ну, или не используйте get_header. Используйте вместо него тот же get_template_part или locate_template

Почитайте object-fit, подойдёт для данной задачи

В настройках группы полей acf указывается где их отображать, можно выбрать одну страницу

В идеале да. На практике дизайнеры если гайд и дают, то хреновый (из которого даже межстрочное не возьмешь, т.к. банально текста/заголовка даже в 2 строки нет). В итоге в качестве основных стилей все берется с некоторого макета типа статьи, ну и далее... куда кривая выведет.

На самом деле удобно, особенно, что касается типографики заголовки обычный шрифт, используемые цвета. Это во первых вам лучше, так как везде будет одинаковый размер шрифта у похожих элементов, разница между макетом и страницей будет стремиться к нулю, да и в целом удобнее с этим работать на старте верстки. Ну а так да не обязательно.