Minimal Changelog Block for React

Edit RELEASES at the top of the file, newest first. Each release has a version, a date as an ISO day ("2026-09-24"), one sentence and an optional kind word; leave kind empty for a row that needs none. The day on screen ("Sep 24") is spelled out from the ISO day by a small helper, so it reads the same on the server and in every browser, and the time element keeps the machine-readable day with its year. Dates are fixed, never computed from today.

Most changes in a small app are something new or something better, and the sentence says so. The word is for the rows where it adds something: a fix, a security change, a feature being retired. It is an outline badge with text only, no icon, so it reads in greyscale, in any theme and to a screen reader. If you would rather tag every row, give every release a kind.

Each row is a list item whose one sentence is its h3, so a screen reader user can jump from release to release by heading, and hears the sentence before the version. The version and the day are plain text beside it.

Below md the version and the date share the first line and the sentence takes the full width under them, so nothing scrolls sideways at 320 pixels. In a right-to-left layout the date moves to the left end, the sentence stays right-aligned, and the version numbers stay left to right.

The header and the list fade up once on load, with CSS transitions. With reduced motion they are off and the block simply appears. The block has no state and nothing else moves.