1
ReactAdvanced#context#performance
ReactIntermediate#accessibility
What accessibility basics should a React component follow?
Use semantic elements, label every input, keep keyboard focus manageable, add aria-* only when semantics are missing, and never convey state by colour alone.
Example
<label htmlFor="email">Email</label>
<input id="email" type="email" required />
<button aria-expanded={open} onClick={toggle}>Menu</button>