Styled-system: Responsive Render: Get active breakpoint as prop?
I wanted to ask if there is a smart way of querying the current breakpoint inside a component? I.e. to not render a sidebar tree that is anyhow never shown on mobile.
D1no
All 4 comments
You probably want something like this https://github.com/ReactTraining/react-media
jxnblk
on 31 Jan 2019
Yeah I wanted to avoid another dependency and see, if there’s already something exposed.
D1no
on 1 Feb 2019
styled-system is much lower-level and doesn't involve the DOM or window object, so it doesn't really have anything like this. In a nutshell, styled-system is (propsObject) => styleObject – hope that makes sense!
jxnblk
on 4 Feb 2019
Alright; I'll close this. At the end of the day, its a _simple_ call of window.matchMedia("(min-width: 400px)").matches (depending on browser support) and just wanted to double check to not miss an implementation on your side.
Anyway: Maybe needless to say, but I really love your libraries and thought process behind their architecture! Thank you very much for contributing your skill in that way to the open source domain.
D1no
on 4 Feb 2019
Related issues
gregberge
·
4Comments
vdesdoigts
·
3Comments
fk
·
3Comments
philholden
·
5Comments
t49tran
·
4Comments
Most helpful comment
Alright; I'll close this. At the end of the day, its a _simple_ call of
window.matchMedia("(min-width: 400px)").matches(depending on browser support) and just wanted to double check to not miss an implementation on your side.Anyway: Maybe needless to say, but I really love your libraries and thought process behind their architecture! Thank you very much for contributing your skill in that way to the open source domain.