Support React Native Web

[grigio]

I'd like to use create-react-app with React Native Web

https://github.com/grabcode/react-native-web-starter/blob/master/web/webpack.config.dev.js#L38-L42

[gaearon]

Hi! No, there is currently no way to change the config, as it is preconfigured. I think we'd like to support react-native-web but this feels like a hacky way to do that. Is that what every such project requires? cc @vjeux

[grigio]

@gaearon I confirm it works just adding this line https://github.com/grigio/react-native-plus-web-boilerplate/blob/master/config/webpack.config.dev.js#L34
and rnw dependency in package.json

There are some warnings because of necolas/react-native-web#178

[lacker]

Why does it need a hook into webpack, as opposed to just importing it and using it like usual?

[gaearon]

I think what’s happening is this project wants to “rewrite” existing react-native imports into react-native-web imports, even in third party code. This probably has to do with being able to reuse React Native components without actually adding support for react-native-web to them.

[grigio]

Yes aliasing react-native is possible to build React* agnostic components which can be used in "React Native" or "React Native Web" without depends explicitly on react-native-web

[gaearon]

I googled "react native web" and found at least three projects doing this (each of them wants to be the resolve target of react-native). Is one of them significantly more popular than others?

[grigio]

Yes but the main ones are React Web and React Native Webtaofed/react-web#87 both work and switching from one to another is painless because you don't depend directly. Just pick one :)

[image72]

how to use less-loader to webpack config with react-scripts command ?

[gaearon]

You currently can't. We don't officially endorse any compile-to-CSS languages. You can, however, use the regular command line utilities to compile Less onto CSS, and import that CSS.

[gaearon]

As for the issue I'm going to close because the community seems fragmented. If there is a clear winner in that space, and other projects join efforts, I'll be happy to reconsider.

[gaearon]

Seems like react-native-web is getting some coverage and is actively being worked on.

I see no harm in getting a PR that implements that in.