nivaech

оставьте в строке 1 столбец, а в нём ваши блоки, но каждый в таблице с align="left"
пример

хм интересный способ, надо будет протестировать на основных email клиентах.
Для вашего случая надо сделать как то так (но опять же надо тестировать - так как в данном случае нужно ограничивать через max-height в div всю таблицу и есть большая вероятность что в некоторых email-клиентах не сработает) -

Пропишите инлайновые стили для текста и вообще для всех элементов. А не в теге style

Object.keys(obj1).forEach(n => delete obj2[n]);

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

Object.fromEntries(Object.entries(obj2).filter(n => !obj1.hasOwnProperty(n[0])))

onQuestionDelete(addinId || ticketId || id, addinId || ticketId ? id : undefined)

но я бы поменял сигнатуру onQuestionDelete чтобы было
onQuestionDelete(id, addinId || ticketId)

Вот хороший метод

использовать obj.forEach или .map

const frontMenu = (...arrayOfLabel) => Telegraf.Extra.markdown().markup((m) => m.inlineKeyboard(
  arrayOfLabel.map((a) => a.map((b) => m.callbackButton(b.name, b.callback))),
));

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

Идея такая:

const [page, setPage] = useState(1);
const itemsPerPage = 8;
...
{orgs.slice((page - 1) * itemsPerPage, page * itemsPerPage).map(...)}
...
<button onClick={() => setPage(page + 1)}>Next</button>
<button onClick={() => setPage(page - 1)}>Previous</button>

Конечно, нужно предусмотреть чтоб по нажатию на кнопки Next и Previous мы не уезжали за пределы мыссива.

let date = '2020-04-17T03:00:00.811000Z'
date.replace(/\.\d+Z$/g,'Z').replace(/[^\w\d]/g, '')

"20200417T030000Z"

socialData[method].share();

https://regex101.com/r/sXBK61/1
^[A-Za-zА-Яа-я]+([\-`][A-Za-zА-Яа-я]+)*$

Array.from({ length: 48 }, (n, i) => {
  const d = new Date(0, 0, 0, 0, 30 * i);
  return d.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit' });
})

Диетический детский вариант, если не переварился гениальный однострочник от уважаемого 0xD34F:

const countr = str => {
  const result = {};
  const len = str.length;

  for (let i = 0; i < len; i++) {
    const char = str[i];
    if (!result[char]) result[char] = 0;
    result[char]++;
  }

  return result;
}

const result = [...str].reduce((acc, n) => (acc[n] = (acc[n] ?? 0) + 1, acc), {});

Или, в более общем виде:

function count(data, key = n => n) {
  const counted = {};

  for (const n of data) {
    const k = key(n);
    counted[k] = -~counted[k];
  }

  return counted;
}


const result = count(str);

Работать можно не только со строками, но и, например, с массивами:

const nums = [ -Infinity, -1, 0, 0, 0, 0, 69, 187, 666 ];
console.log(count(nums, Math.sign)); // {0: 4, 1: 3, -1: 2}

Или коллекциями DOM-элементов:

<div data-country="USA">New York</div>
<div data-country="USA">Boston</div>
<div data-country="USA">Las Vegas</div>
<div data-country="Japan">Osaka</div>
<div data-country="Japan">Tokyo</div>
<div data-country="Japan">Kyoto</div>
<div data-country="Japan">Yokohama</div>
<div data-country="Germany">Munich</div>
<div data-country="Germany">Dresden</div>

const cities = document.querySelectorAll('[data-country]');
console.log(count(cities, n => n.dataset.country)); // {USA: 3, Japan: 4, Germany: 2}

Вообще, с любыми итерируемыми объектами работать можно:

count(Array(9).keys(), n => [ 'чётные', 'нечётные' ][n & 1]) // {чётные: 5, нечётные: 4}

например так:

const { title, description, price, category, sizes, color, id } = singleItem;

    const [chosenParameters, setParameters] = useState({ ...singleItem, size: '', color: ''});

    const pickSize = (size) => {
        setParameters({...chosenParameters, size: size});
    };

    const pickColor = (color) => {
        setParameters({...chosenParameters, color: color});
    };

Получается делаем из параметра chosenParameters - копию объекта singleItem с дополнительными параметрами size и color. Функция pickSize вернёт эту копию с установленным параметром size, а функция pickColor, соответственно color.

Сейчас как раз (для души) решаю примерено такую же задачу. Началось всё с того что не нашел в интернете удовлетворительного решения вот таких проблем:

1. Иерархическая структура страниц
   
2. Динамическая навигация
   
3. Динамические хлебные крошки (ссылки на верхние страницы в иерархии)
   
4. DRY
   

Вот такой велосипед получился в итоге https://github.com/sneas/react-nested-routes-example

Иерархия навигации задаётся в отдельном конфиге. Где component - это тело страницы.

На данный момент все компоненты, отвечающие за генерацию страниц и построение меню сгружены в App.js.

Общие (динамические) элементы страницы помещаются в компонент Page. Сейчас он рендерит только меню и хлебные крошки, но туда можно, по сути, поместить всё что угодно.

Вот демка: https://sneas.github.io/react-nested-routes-example/