Что такое React-фрагменты (<>...</>) и зачем они нужны?

Проблема без фрагментов:
Компонент может возвращать только один корневой элемент. Раньше приходилось использовать <div>, что усложняло структуру DOM.

Решение

function List() {
  return (
    <> {/* Фрагмент */}
      <li>Item 1</li>
      <li>Item 2</li>
    </>
  );
}

Ключевые особенности:

• Не создает лишних элементов в DOM.

• Может иметь ключ (<React.Fragment key={id}>).

Вывод:
Фрагменты упрощают верстку, особенно в списках и таблицах.