3 ms·

Are there any tutorials or documentation on integrating Expo with a different RN build process? For example, if we have an existing setup with TypeScript or wan

Are there any tutorials or documentation on integrating Expo with a different RN build process? For example, if we have an existing setup with TypeScript or want to use Mocha instead of Jest or whatever.

brentvatne 10y ago
Hi there! - This guide from Microsoft explains how to use typescript: http://www.reactnative.tools/tutorials/2016/09/20/reactnative-ts/ http://www.reactnative.tools/tutorials/2016/09/20/reactnativ... - This is a bit old but could help with Mocha setup: https://formidable.com/blog/2016/02/08/unit-testing-react-native-with-mocha-and-enzyme/ https://formidable.com/blog/2016/02/08/unit-testing-react-na... Hope that helps!
- vmarsy 10y ago
  Those links are usful, thanks! It looks like the setup is still a bit messy, they do mention open issues and it seems that some people are working on making the experience smoother, it would be awesome to have something as simple as: create-react-native-app my-project --language typescript that just works out of the box and lets you debug in VS Code.
ccheever 10y ago
Hey! Some people have set up some stuff for doing ClojureScript with Expo. https://docs.expo.io/versions/v14.0.0/guides/using-clojurescript.html https://docs.expo.io/versions/v14.0.0/guides/using-clojuresc... You can find them in the #clojurescript channel in the Expo community Slack. https://slack.expo.io/ https://slack.expo.io/ That might be the best place to start. I also threw up a post in the forums that we just setup. https://forums.expo.io/t/integration-with-typescript-mocha-other-build-processes/33 https://forums.expo.io/t/integration-with-typescript-mocha-o...
- andrewfong 10y ago
  Thanks! I guess my actual question is -- what are the hook(s) Expo expects from a React Native package? I'm used to using Webpack or Gulp or Grunt to transpile source code into something deployable on the web. The React Native / Expo packaging process feels opaque to me though. It's not clear to me, for instance, whether Expo uses https://github.com/facebook/react-native/tree/master/packager https://github.com/facebook/react-native/tree/master/package... or whether it has some kind of different packaging process. Likewise, a newly created project with the XDE builds automatically using Babel. But it's not clear from the project itself how XDE knows to use Babel. Is Babel hard-coded in the XDE? Can I turn it off? Expo apps also all seem to have a `registerRootComponent` function, but there isn't any documentation on what this function actually does.
  - dikaiosune 10y ago
    Babel is on by default in the React Native packager, which is indeed used under the hood by both CRNA and Expo's devtools. The template projects include a .babelrc file. The `registerRootComponent` function is essentially a facade to `AppRegistry.registerComponent` but it also configures hooks for Expo's asset system.

brentvatne 10y ago

Hi there! - This guide from Microsoft explains how to use typescript: http://www.reactnative.tools/tutorials/2016/09/20/reactnative-ts/ http://www.reactnative.tools/tutorials/2016/09/20/reactnativ... - This is a bit old but could help with Mocha setup: https://formidable.com/blog/2016/02/08/unit-testing-react-native-with-mocha-and-enzyme/ https://formidable.com/blog/2016/02/08/unit-testing-react-na... Hope that helps!

vmarsy 10y ago
Those links are usful, thanks! It looks like the setup is still a bit messy, they do mention open issues and it seems that some people are working on making the experience smoother, it would be awesome to have something as simple as: create-react-native-app my-project --language typescript that just works out of the box and lets you debug in VS Code.

ccheever 10y ago

Hey! Some people have set up some stuff for doing ClojureScript with Expo. https://docs.expo.io/versions/v14.0.0/guides/using-clojurescript.html https://docs.expo.io/versions/v14.0.0/guides/using-clojuresc... You can find them in the #clojurescript channel in the Expo community Slack. https://slack.expo.io/ https://slack.expo.io/ That might be the best place to start. I also threw up a post in the forums that we just setup. https://forums.expo.io/t/integration-with-typescript-mocha-other-build-processes/33 https://forums.expo.io/t/integration-with-typescript-mocha-o...

andrewfong 10y ago
Thanks! I guess my actual question is -- what are the hook(s) Expo expects from a React Native package? I'm used to using Webpack or Gulp or Grunt to transpile source code into something deployable on the web. The React Native / Expo packaging process feels opaque to me though. It's not clear to me, for instance, whether Expo uses https://github.com/facebook/react-native/tree/master/packager https://github.com/facebook/react-native/tree/master/package... or whether it has some kind of different packaging process. Likewise, a newly created project with the XDE builds automatically using Babel. But it's not clear from the project itself how XDE knows to use Babel. Is Babel hard-coded in the XDE? Can I turn it off? Expo apps also all seem to have a `registerRootComponent` function, but there isn't any documentation on what this function actually does.
- dikaiosune 10y ago
  Babel is on by default in the React Native packager, which is indeed used under the hood by both CRNA and Expo's devtools. The template projects include a .babelrc file. The `registerRootComponent` function is essentially a facade to `AppRegistry.registerComponent` but it also configures hooks for Expo's asset system.