Converting Existing React Native Projects to Expo

react-native expo
Sam picture Sam · May 7, 2017 · Viewed 27.5k times · Source

I'm considering building mobile apps in React Native using Expo and I noticed under FAQ that existing React Native projects can be converted to Expo.

What exactly are we converting? I really like staying as pure and clean as possible without too many abstraction layers in the middle which can obscure my ability to understand what's really happening for things to work in the app.

I'd appreciate a bit more clarification about what's really happening in the conversion process and what Expo is adding to the existing project.

Answer

Freewalker picture Freewalker · May 9, 2017

This topic is covered in the Expo XDE readme.

However, we didn't get it working and decided to port our code into the default Expo app (Edit: after hitting a lot of issues porting our app to Expo, we decided to revert to vanilla RN).

There are at least a few required steps missing from the documentation:

  • Create exp.json file

  • Update React and React Native libraries to the versions required by Exponent

    "react": "16.0.0-alpha.6", "react-native": "https://github.com/expo/react-native/archive/sdk-16.0.0.tar.gz",

We summarized on our blog why we gave up on Expo in its current form.

Related questions

Hide header in stack navigator React navigation

I'm trying to switch screen using both stack and tab navigator. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); In this case stacknavigator is used first and then tabnavigator. and …

Read More
What is the difference between Expo and React Native?

From the Expo website Expo lets web developers build truly native apps that work across both iOS and Android by writing them once in just JavaScript. Isn't this what React Native does? What's the difference?

Read More
Cannot add task 'wrapper' as a task with that name already exists

When installing 'react-native init AwesomeProject' I get this error when I run react-native run-android: Could not determine java version from '11.0.1'. A quick google suggests I need to update the distributionUrl in the Gradle-wrapper. Having done this I am …

Read More