Transforming SVG files into JSX is boring and prone to error. We can handle it
better with svgr. Its defaults are good enough, but
you’ll likely need to customize it for your needs, which is made possible by writing a
template.
Forms are easy to get wrong with React because we can achieve their goal, which
is to make a network request when on submission, with any arbitrary HTML and
JavaScript.
The details HTML element doesn’t seem to work well when used as a controlled
component in React, as pointed out in this open GitHub
issue. At first, I thought it
was a React bug, but at the end of my investigation while writing this, I
concluded it’s simply a mistake — not having a single source of truth for
state.