Layout in React

Even the most common of layouts are hard to achieve in a React web app. How many sidebar, tiles, column components have been created?

I played around with building a set of reusable layout components that would cover the 80-90% use case as part of strict-ui but did not get anywhere. Instead, I went with spacer components based on CSS Grid and Flexbox for now. (see Use spacer components)

Some things I want to try out to see how they feel are:

  • iOS’ Auto Layout: there is a JS implementation called CassowaryJS.
  • Every Layout: a HTML & CSS patterns site that covers “absolutely every layout”.