Unknown

Ну, можно сделать через плагин:

Условный пример:

function callback() {
  console.log('This is callback');
}


Vue.use({
    install(Vue) {
        Vue.prototype.$callback = callback
    }
})

Тогда в компонентах можно вызывать вашу функцию:

{
    someMethod() {
        this.$callback(/* ... */)
    }
}

1. Ставим любой удобный пакет по работе с cookie в браузере, например, js-cookie. Ну или пишем свой.
2. const myCookieValue = Cookie.get(MY_COOKIE_KEY);

// достаёте компонент из пропсов, обратите внимание, что
// имя переменной должно начинаться с большой буквы
const Component = this.props.component;

// ну и рендерите его
<Component />

Например ^[A-Za-zА-Яа-я]+$/g Если более широко, погуглить про символьные классы, юникод

Здравствуйте!
1) использовать плагин WP Recall. В нем уже есть модуль для фронт-энд публикации
2) использовать https://ru.wordpress.org/plugins/accesspress-anony...
3) ТОП 4 плагинов для фронта - https://accesspressthemes.com/blog/top-5-frontend-...
4) ACF плагин.
https://www.advancedcustomfields.com/resources/cre...
https://www.advancedcustomfields.com/resources/acf...

Есть плагины для этого, например:
Accesspress Anonymous Post
TT Guest Post Submit

Привет. В этом видео показано как это сделать

Рекурсия же:

const invertTree = ({ value, left, right }) => {
  const node = { value };
  if (left) {
    node.right = invertTree(left);
  }
  if (right) {
    node.left = invertTree(right);
  }
  return node;
};

Где React Fiber?

Тут

Я не могу понять работает ли React Fiber на версии 16.4 уже сейчас по дефолту (видимо нет раз я могу использовать старые синтаксические конструкции)

Архитектура Fiber используется c версии 16.0

или все же нужно вместо react-dom импортить react-fiber-dom (ну или как-то по другому)

Нет.

при сабмите this.request(e.target) отрабатывает как нужно, но setState не срабатывает совсем.

Должен срабатывать. У вас точно handleSubmit привязан к контексту компонента?
Если нет, то это можно сделать так:

handleSubmit = e => {

};

Вызов setState можно сократить до:

this.setState({
      currentState: {
        ...this.state.currentState,
        submited: true,
      },
    });

PS как я могу изменить состояние после возвращения request. В функции .then контекст this я получить не могу

Можете:

this.request(e.target).then(() => {
    this.setState({
      currentState: {
        ...this.state.currentState,
        submited: true
      }
    });
});

Или можно использовать асинхронную функцию:

handleSubmit = async e => {
    e.preventDefault();
    await this.request(e.target);

    this.setState({
      currentState: {
        ...this.state.currentState,
        submited: true
      }
    });
  };

Можно заметить что onChange не возвращает текущий введенный символ в событие.

в событии есть последний введенный символ, его нет в стейте сразу после вызова setState

handleChange(event) {
    this.setState({value: event.target.value});
    console.log(this.state.value);
  }

метод setState асинхронный, и принимает вторым параметром колбэк
если делать вот так, то все будет норм

handleChange(event) {
    this.setState({value: event.target.value}, () => console.log(this.state.value));
  }

не вижу никаких проблем с валидацией

Мне кажется в задаче немного неверный порядок. Обычное решение следующее:

Кнопке submit делаем атрибут disabled, который проставляется в результате работы функции validate. Внутри validate проверяем - валидная форма или нет. Если валидная - disabled=false и юзер может отправить форму, итого имеем "досерверную валидацию". Затем, если пришла с сервера ошибка - показываем ее и снова ставим disabled=true, до тех пор, пока не будет изменений.

valiadte = () => {
  if (форма не валидная) {
    return false
  }
  return true
}
render() {
<form> ...
<button disabled={this.validate()}> отправить </button>
}
...

Главное в том, что вы вызываете this.validate() внутри метода render, а это значит, что на каждое изменение state (ваших данных формы), будет перерендер и следовательно вызов validate. То есть, всегда актуальное состояние.

> Я хочу провалидировать форму после нажатия submit
Зачем? лучше сразу запрещать отправлять форму, если она не валидная. Так и для UI понятнее, и вам код организовать проще будет.

state: { hadSubmitted: false, };

componentDidUpdate(prevProps, prevState) {
    const { hadSubmitted } = this.state;

    if (hadSubmitted) {
        //...validate
    }
}

handleSubmit(e) {
    ...
    this.setState({
       hadSubmitted:  true,
    });
}

validate(state, form) {
    ...
    this.setState({ hadSubmitted: false, })
}

Context API используют для передачи контекста, а не для управления состоянием. Почитайте о Redux.

$arr = explode('-', $string);
$arr[1] // => то что надо

не надо пилить регулярки там где они не нужны.

\d{2}-0?(\d{1,2})-\d{4} ?
https://regexr.com/3p6v5

Вместо назначения индивидуальных обработчиков сделайте один делегированный:

const container = document.querySelector('.container');

document.querySelector('.plus').addEventListener('click', function() {
  container.insertAdjacentHTML('beforeend', '<div class="user-button">❌</div>');
});

container.addEventListener('click', function(e) {
  if (e.target.classList.contains('user-button')) {
    console.log('hello, world!!');
  }
});