feat: web support

[Gregoirevda]

I managed to make this work for web in an easy way, which doesn't require an impact on native

Say your web app already uses tailwind.

function Page() {
  return <div className="flex-1">
    <SharedComponent />
  </div>
)

And you would like to share a component between your RN app and ReactJS app:

import {View} from 'react-native-web';
import {useTailwind) from 'tailwind-rn'

function SharedComponent() {
 const tw = useTailwind();
  return <View style={tw('bg-red-500 w-full h-16')} />
} 

For native, nothing changes, but for web it pass the tailwind CSS classnames to RNW (which requires a $$css flag)

I have a babel plugin which makes it work for SVG imported with react-native-svg-transformer plugin, but already wanted to know your opinion on this?

[Gregoirevda]

I think this can be useful because the only current solution for cross platform is nativewind, but I miss using this library which worked so well

[maciej-czekala]

Great idea! It would be cool to have web support out of the box.