Артур Кудашев

ctrl+c ctrl+v
https://jsfiddle.net/4ed5xjw7/

Я б так как-то делал.

function loadImageAsync(url) {
  return new Promise((resolve, reject) => {
    const img = new Image();
    img.src = url;
    img.onload = resolve;
  });
}

Promise.all([
  loadImageAsync("img.jpg"),
  loadImageAsync("img.png")
])
  .then(images => {
    //do magic
  });

Чем описывать тут своими словами лучше дать ссыль на хороший, годный доклад
https://habr.com/ru/company/oleg-bunin/blog/417461/

Макро и микрозадач нет, есть tasks и jobs (иногда таки называют микротасками). Tasks выполняются в цикле, по мере появления в коллстэке (это xhr, fetch, setTimeout, browser events), а jobs (Promise, Mutation observer) сразу после тасков в текущем цикле, причем если job был добавлен в этом цикле (в task или в job перед ним), то и выполнен он будет в этом же цикле, в отличие от таска. Это позволяет выполнить промис-цепочку почти синхронно, но добавляет опасность заблочить цикл.

В ноде все это работает по-другому.

Ну и евент луп не относится к javascript, а определяется окружением, в нашем случае - браузером.

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

Ничего. Идите со своими реальными знаниями. Все остальное - бесполезно

1. Читаем:
touchstart, touchmove, touchend
2. На событие "touchstart" запускаем таймер на, секунду.
3. Если сработал таймер значит это "зажал".
4. Если во время работы таймера пришло событие "touchmove" или "touchend", - Удаляем таймер.
Это значит не "зажал", а что-то другое, - например, клик, скролл и т.д.

Используйте removeEventListener, почитать про него можно тут. И не забывайте:

Удаление требует именно ту же функцию

сохраняйте его в переменную

const handler = () => this.changeValue(textfield, target);
window.addEventListener('click', handler);
window.removeEventListener('click', handler);

Ты пытаешься из обёртки юзать методы обёрнутого компонента?) Так не выйдет

Я думаю, тебе стоит вынести нужные методы в вышестоящий компонент. Условно:

class Example extends React.Component {
  state: {
  }

  needMethod1{
  };

  needMethod2{
  }

  render() {
    return (
      <DragManager needMethod1={this.needMethod1} needMethod2={this.needMethod2} >
        <Board needMethod1={this.needMethod1} needMethod2={this.needMethod2} />
      <DragManager />
    )
  }
}

П.С. - а чтобы не дублировать код можно почитать про HOC

Правильно рендерить подобные компоненты списком:

{columns.map(column => <Column key={column.name} data={column} />)}

А манипуляции по добавлению и удалению производить с данными.

Ну смотри, когда ты тащишь какой-то элемент, мышка двигается, и продолжает создавать события. Так вот когда при перетаскивании она войдет в зону карточки, сдвигай ее вниз (margin-top). При отпускании клика убирай сдвиг и вставляй элемент перед карточкой. Все.

<div className="list" />

const className = 'list';

return <div className={className} />;

Дождитесь ВУЗа и матана там.
Но если очень уж хочется, то вот прекрасный ресурс: mathprofi.ru/matematika_dlya_chainikov.html

Все зависит от кода. Если стандартный react + redux, то достаточно подтянуть навигацию и переписать компоненты на rn.
Есть статьи на подобную тему, но суть в переписывание View слоя в своей архитектуре. Обычно это можно сделать добавив ещё один entry point