We are building an admin interface; We have different views and all the views should be visible at the same time on the user's screen.
It's not necessary but it could be interesting to allow the user to customize the layout. For example: resize views, re-arrenge views, remove/add views etc.
I want my website to be responsive; The layout of the website should adapt to the size of the viewport. For example a two column view on a wide desktop screen should collapse into a single column view on a smaller mobile screen.
What utilities are there that help implement responsive layouts?
I like pinterest's approach of showing elements of different heights by stacking them on each other into columns. Such layout is called masonry layout.
What masonry libraries for React are there?
For example, I have an application with a sidebar and I want the user to be able to increase/decrease the width of the sidebar by dragging the right border of the sidebar to the right/left.
Are there libraries that implement such resizer/splitter border?
I basically want responsive layout on the component level; I want my component to be aware of its width and height so that it can adapt and render differently depending on how much width/height is available.