react-native-responsive-query icon indicating copy to clipboard operation
react-native-responsive-query copied to clipboard
verified publisher icon intergalacticspacehighway

responsive ssr with react native web 0.18

Open intergalacticspacehighway opened this issue 3 years ago • 1 comments

Why?

  • Adds responsive SSR support for RNW 0.18. Uses CSS class instead of dataSet prop. https://twitter.com/nishanbende/status/1528410157801058305
  • Removes all the internal RNW functions used by the hook.

To Install

yarn add react-native-responsive-query@canary

Demo NextJS app

URL - https://rnw-responsive-ssr.vercel.app/ Source - https://github.com/intergalacticspacehighway/rnw-responsive-ssr

Updated readme

https://github.com/intergalacticspacehighway/react-native-responsive-query/tree/rnw-0.18

intergalacticspacehighway avatar Aug 11 '22 16:08 intergalacticspacehighway

Hi @intergalacticspacehighway, This breaks with Shadow properties and RTL support. Here I copied preprocess code from rnw and modified it to our needs.

Viraj-10 avatar Aug 17 '22 12:08 Viraj-10