{"id":2033,"date":"2020-11-19T10:37:51","date_gmt":"2020-11-19T18:37:51","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/cosmosdb\/?p=2033"},"modified":"2021-01-08T14:06:59","modified_gmt":"2021-01-08T22:06:59","slug":"creating-mobile-applications-with-cosmosdb","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/cosmosdb\/creating-mobile-applications-with-cosmosdb\/","title":{"rendered":"Creating Mobile Applications with Azure Cosmos DB and React Native"},"content":{"rendered":"

\"Cosmos<\/a><\/p>\n

Building a mobile application with Azure Cosmos DB and React Native is simple\u2026 let’s give it the old college <\/span>try :<\/span>$. First, <\/span>let’s<\/span> set up our environment. I use a Mac, so adjust accordingly. To setup up our environment, we need a few things React Native, Expo, Yarn, snack (optional), and Azure Cosmos DB keys.<\/span><\/p>\n

\"Image<\/a><\/p>\n

\n

<\/a>Prerequisites<\/span><\/h2>\n

<\/a>Step 1: Installing Node and Watchman<\/span><\/h3>\n

The official guide suggests using Homebrew to install Node and Watchman. First things first run the below command to install Homebrew<\/span><\/p>\n

\/bin\/bash – <\/span>c<\/span> “$(curl –fsSL<\/span> https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install.sh)”<\/span><\/p>\n

 <\/p>\n

Run the following commands to install Node and Watchman.<\/span><\/p>\n

<\/a>brew<\/span><\/span><\/span> install node\r\n<\/span><\/b><\/span><\/span><\/span>brew<\/span><\/b><\/span><\/span><\/span> install watchman<\/span><\/span><\/pre>\n
Step 2: Creating a new Application<\/span><\/span><\/h3>\n
Now all the dependencies are installed, and we can create our new Application. Run this command to create a new React Native App<\/span><\/p>\n
<\/a>Expo<\/span><\/h3>\n
<\/a>npm<\/span><\/span><\/span> install<\/span><\/b><\/span> <\/span><\/span>--global expo-cli\r\n<\/span><\/span><\/span>expo init<\/span> cosmosdb<\/span>-react-native<\/span><\/b><\/span><\/span><\/span><\/pre>\n
React Native<\/span><\/span><\/h3>\n
npx<\/span><\/span> react-native<\/span><\/b><\/span> init<\/span> cosmosdb<\/span>-react-native<\/span><\/b><\/span><\/span><\/pre>\n
This command creates a new project named cosmosdb<\/span>-react-native. If you\u2019ve<\/span> used “gem” to install CocoaPods<\/span>, you will also need to run the pod command to install all the dependencies.<\/span><\/p>\n
<\/a>Running apps using the command line<\/span><\/h3>\n