React Fragments: Group Elements Without a Wrapper

React Fragments (`<>...</>`) solve a common problem: returning multiple elements from a component without adding an extra, often invalid, wrapper `<div>` to the DOM. This is essential for layouts where extra wrappers break styling or semantics, like returning a list of `<td>` elements from a child component to be placed inside a `<tr>`. The shorthand `<></>` syntax is convenient but cannot accept a `key` prop. When mapping over an array to create a list of fragments, you must use the explicit `<Fragment key={item.id}>` syntax.