How do you peeps handle responsive design in React when using UI libraries like Material-UI and antd? For example converting a side drawer in desktop to a bottom bar in mobile. I'm looking for something that doesn't re-render a lot and is fast.
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (6)
if you use material ui or other react frameworks,
grid system is good enough for responsive,
beside grid system you can use rem and media screen in html tag for better resualt
As mentioned by others you can use the built in Grid system in Material-UI.
It has some alternative layouting methods too. Make sure to check their awesome docs!
I just moved to tailwindcss and I love it for responsive designs.
I use bootstrap layout
You can download only layout alone
Could you give an example?
You can choice what components css to download here getbootstrap.com/docs/3.4/customize/
Then just select only grid css to your index page and you can use all grid classes.
import ‘/bootstrap_with_grid.css’