Как создать блок по клику на кнопку "Добавить"?

Можно так:

<div class="add_block">
  <input class="click_to_add_block" type="button" value="Добавить блок">
</div>

$('.click_to_add_block').click(function() {
  $(this).before(`
<div class="block_to_add">
  <div class="topic">
    <input type="text" placeholder="Тема">
  </div>
  <div class="description">
    <textarea placeholder="Текст"></textarea>
  </div>
  <button class="delete">удалить</button>
</div>`);
});

$(document).on('click', '.delete', function() {
  $(this).parent().remove();
});

Как загрузить нужный компонент?

Messi, нет. Не торопитесь, прочитайте ещё раз, посмотрите пример по ссылке.

Как создать блок по клику на кнопку "Добавить"?

usedtoknow, дополнил ответ.

Как правильно обновить компонент в данном случае?

Nikita Shchypylov, ну тогда не обновляйте при разблокировке:

shouldComponentUpdate(nextProps, nextState) {
  return !this.state.updatesLocked;
}

Почему скрипт не срабатывает с первого клика?

Владимир Голубь,

Так не получиться...

Дополнил ответ.

Округление чисел, например 1000 в 1к?

sladenkij,

document.querySelector('div').innerHTML = shortNumber(88888);

Как перевернуть строку рекурсией?

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

Как вернуться на первую страницу из пагинации?

Mike, зачем watch? - сложно и выглядит стрёмно. Сделайте как в примере выше - параметр маршрута используется как параметр компонента, параметр компонента имеет дефолтное значение - которое и применяется при переходе к "/".

Как сделать toogle кнопок?

campus1, в общем - нормально. Код читаемый, понять что происходит было нетрудно, несмотря на то, что показаны были какие-то огрызки вместо полной картины.

Как перекрыть кнопку закрытия панорамы в полноэкранном режиме?

zlodiak, да какое хитро... костыль - он и есть костыль. Главное - не забыть заменить этот класс, когда будете обновлять версию карт.

Почему в значениях инпута нету данных объекта?

kikosko, создаёте элемент tr и в innerHTML пишете ему ещё tr? Умно, умно.

Можно вписывать индекс элемента в dataset так же, как вы это делаете с действием "edit" на кнопках, типа так. Лучше конечно какой-нибудь уникальный id, по которому затем искать нужный элемент, потому что после удаления какого-либо элемента кроме последнего индексы частично или полностью разъедутся.

Почему в значениях инпута нету данных объекта?

kikosko, дальше-то что? Как я могу воспользоваться этой информацией для помощи вам, если мне неизвестно, что там у вас и как? Выложите код в песочницу, что ли.

Почему в значениях инпута нету данных объекта?

kikosko, и?

Как определить что пользователь имеет не сохраненные данные?

campus1, это уж вам виднее, смотрите сами. В чём преимущество сравнения с оригиналом? Пользователь может внести изменения, а затем внести изменения ещё раз - так, что значение не будет отличаться от исходного. Реально ничего не изменилось - и при сравнении с изначальным набором данных это будет видно. А если воспользоваться вариантом с флагом, как предлагают в соседних ответах - то в результате вы будете предлагать сохранять несуществующие изменения.

Как правильно собрать объект из html data атрибута?

дополнил ответ

Как добавить кликом по ссылке class для div?

JRK_DV, дополнил ответ.

Как перекрыть кнопку закрытия панорамы в полноэкранном режиме?

zlodiak, ну даже и не знаю... перечислил элементы управления - все нормально, ничего никуда не смещается. А вот задавать marginLeft - есть риск, что отступ окажется недостаточным, например в Фаерфоксе у меня кнопка съезжает на новую строку.

Как перекрыть кнопку закрытия панорамы в полноэкранном режиме?

zlodiak, style.marginLeft = '-42px', серьёзно? Если всё-таки хотите, чтобы оригинальной кнопки не было видно - не создавайте её. Укажите controls, и перечислите там нужные вам элементы управления. И так костыль прибиваете - зачем же делать его ещё уродливее?

Почему ангуляр игнорирует валидатор?

А как вы поняли, что валидатор не срабатывает? Может всё окей, просто вы результат его работы неправильно показываете.

Ну и ещё пример в песочнице не помешал бы.

Почему сбрасываются стили после анимации в Angular?

Drovosek01, состояние - так называемое подстановочное, соответствует любому состоянию. Стили удалены, потому что они избыточны - переход и так будет осуществлён к указанным в "*". В общем - изучайте документацию.