Your daily dose of a11y:
- A surprisingly quick read despite its length: Houssein Djirdeh details several techniques for improving performance and accessibility of React applications. Use pre-rendered or server-side rendered (SSR) React, ideally hydrated in Node ‘streams’ rather than en-masse. Use streams for extracting critical CSS too. Various DevTools profilers help identify unnecessary component re-renders: override
shouldComponentUpdateor inherit from
PureComponentto mitigate. Split components with
React.lazy(or with a library like
loadable-componentsif SSR’d). A worthy read if you ever dabble with React.