Александр Ширяев

Я, как и сборщик, не вижу экспорта yandexMap и yandexMarker, вижу YandexMap и YandexMarker.

const result = arr.reduce(
  (acc, cur) => {
    if (cur.video !== undefined) {
      acc.push({ src_video: cur.video });
    }
    acc.push(cur);
    return acc;
  },
  [],
)
// Array(5) [ {…}, {…}, {…}, {…}, {…} ]
​// 0: Object { src_video: "some-path-1" }
// ​1: Object { src: "some-path-1", video: "some-path-1" }
​// 2: Object { src_video: "some-path-2" }
// 3: Object { src: "some-path-2", video: "some-path-2" }
​// 4: Object { src: "some-path", video: null }

https://habr.com/ru/articles/435084/
https://habr.com/ru/articles/490524/

0.30000000000000004.com

Видимо подниму прокисшую тему, но для отправки данных формы на почту можно использовать простой как спичка https://formspree.io/

так?

const links = [
  'mysite.com/param/sometext-alt-text/otherparam/text?zzzz',
  'mysite.com/param/foo/otherparam/qqqqqq',
  'mysite.com/param/123/otherparam/jfghjfghk?...',
  'mysite.com/param/foo/otherparam/gdfsghdfhkj',
  'mysite.com/param1/sometext-alt-text/otherparam/text?zzzz',
  'mysite.com/param2/foo/otherparam/qqqqqq',
  'mysite.com/param/123/otherparam3/jfghjfghk?...',
  'mysite.com/param/foo/otherparam4/gdfsghdfhkj',
];

const re = /param\/(?<param>.+)\/otherparam\/(?<otherparam>.*)/;
links.forEach(link => {
  const found = link.match(re);
  console.log(link, found);
});

и регулярки лучше не подбирать а составлять.

Как я понял, сортировать не по отдельному атрибуту, а по числу в конце длинного значения href.

..про Infinity списал у 0xD34F

const sorted = arr
  .map(n => [
    n,
    +new URLSearchParams(n.querySelector('a').href.split('?').pop()).get('value') || Infinity,
  ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0]);

UPD. А точно массив? Если всё-таки сортировать надо элементы внутри их родителя, то

parentEl.append(...Array
  .from(parentEl.querySelectorAll('a'), n => [
    n.parentNode,
    Number(n.getAttribute('href').match(/(?<=value=)\d+/)) || Infinity,
  ])
  .sort((a, b) => a[1] - b[1])
  .map(n => n[0])
);

Есть официальный пример на https://github.com/zeit/next.js/tree/canary/exampl...
По сути, в Provider мы оборачиваем приложение в _app.js , который является оберткой для компонент-страниц

Я стараюсь делить. Другие не делят. На вопрос невозможно дать однозначный ответ. Зависит от проекта, команды и настроения того, кто пишет :)

Дополню ответ: Если есть какой-то участок кода, который нужно использовать повторно, очевидно лучшим решением будет вынести его в отдельный модуль / функцию и т.п.. Деление на чистые компоненты и компоненты с логикой по сути и делается для того, чтобы вынести повторяющийся код в отдельный компонент. Иногда проще скопировать простой участок кода и не заморачиваться, а иногда лучше вынести куда-то. Так что зависит от задач и особенностей проекта.

Вариант 1:

<li className={someCondition ? someClass : someOtherClass} />

где someCondition условие, например:
someProp === SOME_CONSTRANT

Вариант2:
<li className={getClassName(someProp)} />

Вы передаете в вызове map элемент первым аргументом, но при этом обращаетесь к нему через массив:
key = {this.props.data[index]['id']}
очень нелогичный ход, исправьте на:
key = {value.id}

Локально.
Подключение через сервисы дольше времени занимает. Тем более, твой ресурс будет больше зависеть от места, с которого ты подключаешь его.