Atomic Layout
Build declarative, responsive layouts in React using CSS Grid
Atomic Layout is a spatial distribution library for React. It uses CSS Grid to define layout areas and render them as React components. This pattern encourages the separation of elements and spacing, preventing contextual implementations and boosting maintenance of layouts. You control the spacing between the areas in a dedicated layer called Composition. Since the position and spacing is contextless that way, you achieve ultimate separation of concerns and boost maintenance of your...