2

I've been reading about how to separate your development builds from production i.e. use different environments / databases etc. where this post proved to be very useful: http://www.appcoda.com/using-xcode-targets

But I am struggling with figuring out how to take advantage of this when building react native apps. i.e. what are the steps that need to be taken in xCode and javascript source? Do we get access to some sort of global that can be checked what target is running etc..

I wasn't able to find good article on this for react native so if you have experience with setting these different environments or can link to a good source, please let me know.

Ilja
  • 44,142
  • 92
  • 275
  • 498
  • You can check https://github.com/luggit/react-native-config or http://stackoverflow.com/questions/33264431/react-native-dev-and-prod-variables/33264515#33264515 – maheshiv Jan 25 '17 at 06:56

1 Answers1

3

There are numerous ways to organize a project and you can spend a lot of time reading about them and debating the pros and cons of each none will be perfect.

There are a few primary goals while organizing a React Native project.

Cross Platform — One of the best part about React Native and writing our native app in Javascript is that we can write for both Android and iOS (with more platforms coming in the future).

Maximum Code Reuse — Much like being able to write code for both platforms, So able to reuse as much code as possible between the two platforms. Even if the UI components look different between platforms the business logic behind them should be same and reused.

Keep Configuration out of the Code — Settings, colors, image paths, routes, etc. are all pieces of code that are used in multiple places throughout the app and can change. Therefore, these items should live in one easily accessible place.

Minimize Component State — To use stateless functional components, components that are a function of their props, as much as possible keep things simple.

These are few helpful sources -

Blog : setting up react-native build environments using native modules

Setup multiple schemes & configurations in Xcode for your React Native iOS app

Beginning Mobile App Development with React Native

8 Awesome React-Native Starter Kits

Organizing a React Native Project

Varsha
  • 966
  • 1
  • 9
  • 19
  • Hey, thank you for the answer. I think you might have misunderstood my question. I am looking for an answer that could help out with the set up of several xCode targets i.e. development and production and understand how to set up different environments for each, use different api's for example. – Ilja Jan 22 '17 at 16:43
  • **1.** [Migrating iOS App Through Multiple Environments](http://www.blackdogfoundry.com/blog/migrating-ios-app-through-multiple-environments/) **2.** [environment management in React Native](http://www.multunus.com/blog/2016/06/automated-environment-management-react-native-ios/) – Varsha Jan 22 '17 at 17:43