react-sizeme
Make your React Components aware of their width and height! (by ctrlplusb)
react-container-query
:package: Modular responsive component (by react-container-query)
| react-sizeme | react-container-query | |
|---|---|---|
| 2 | 2 | |
| 1,958 | 892 | |
| 0.0% | 0.0% | |
| 0.0 | 3.6 | |
| over 2 years ago | almost 2 years ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-sizeme
Posts with mentions or reviews of react-sizeme.
We have used some of these posts to build our list of alternatives
and similar projects.
-
Is there any way to add a listener/function call to every single component?
I use this library and it works well for me: https://github.com/ctrlplusb/react-sizeme
-
Could I switch components depending on screen size?
I use this one in my project: https://www.npmjs.com/package/react-sizeme
react-container-query
Posts with mentions or reviews of react-container-query.
We have used some of these posts to build our list of alternatives
and similar projects.
-
Responsiveness and Container-Queries
Now my solution (or a solution) to that is: MediaQuery in CSS or whatever do the same natively in JS or through a framework.
- Infinite loop using basic example of custom hook 'react-container-query' (something silly)
What are some alternatives?
When comparing react-sizeme and react-container-query you can also consider the following projects:
react-measure - 📏 Compute measurements of a React component.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
react-dimensions - [Looking for maintainers]
Aphrodite - Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
react-container-dimensions - Wrapper component that detects element resize and passes new dimensions down the tree. Based on https://github.com/wnr/element-resize-detector
react-responsive - CSS media queries in react - for responsive design, and more.