Seeing the rise of Tailwind and Chakra JS, I adapted some new concepts and filled in the missing pieces, to make working with react-raster finally truely satisfying.

What’s new:#

• Only one component remaining: Box
• API-naming much closer to regular CSS
• Nearly all CSS-properties as React-props like in Chakra
• Built in Intersection Observer on demand
• Performance optimization
• Does not provide fallback for browsers, that do not support CSS Grid, anymore.

Migration#

Migrating is a bit of an effort, because many props changed names. Here is the guide.

I need complex grids. That’s why I take this project serious. By equiping it with a professional documentation, I hope to gain more users and more feedback. Feel free to write me your thoughts on this and create issues and PRs.