Update React Native version (#177)

Closes #173 

We have some React Native and package dependency weirdness in the
template app. In this PR, I created a new React Native app, then
migrated the old template app's code to it. This is much easier than
trying to navigate upgrading the React Native version.

One big thing that didn't make the transition: icons. They were broken
in the old app anyway. It's certainly possible to fix that, but in the
interest of time, I wanted to get this updated app published. We can
look at adding icons back in later.

Author: krollins-mdb

.gitignore

@@ -1,2 +1,3 @@
 
-.DS_Store
+.DS_Store
+node_modules

sync-todo/v2/client/react-native/.buckconfig

@@ -1,4 +1,4 @@
 module.exports = {
   root: true,
-  extends: '@react-native-community',
+  extends: '@react-native',
 };

sync-todo/v2/client/react-native/.eslintrc.js

@@ -31,19 +31,15 @@ local.properties
 *.iml
 *.hprof
 .cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
@@ -62,3 +58,9 @@ buck-out/
 # Ruby / CocoaPods
 /ios/Pods/
 /vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage

sync-todo/v2/client/react-native/.flowconfig

@@ -1 +1 @@
-{}
+{}

sync-todo/v2/client/react-native/.gitignore

@@ -1,6 +1,7 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '2.7.5'
+ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.2'
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'

sync-todo/v2/client/react-native/.ruby-version

@@ -2,7 +2,7 @@
 
 A todo list application built with the [React Native SDK](https://www.mongodb.com/docs/realm/sdk/react-native/) and [Atlas Device Sync](https://www.mongodb.com/docs/atlas/app-services/sync/).
 
-You can follow along with the [React Native Tutorial](https://www.mongodb.com/docs/atlas/app-services/tutorial/react-native/) to see how to build, modify, and 
+You can follow along with the [React Native Tutorial](https://www.mongodb.com/docs/atlas/app-services/tutorial/react-native/) to see how to build, modify, and
 run this template app.
 
 ## Prerequisites
@@ -26,9 +26,9 @@ Ensure `atlasConfig.json` exists and contains the following properties:
 
 ### Using the Atlas App Services UI
 
-The easiest way to use this template app is to log on to [Atlas App Services](https://realm.mongodb.com/) and click the **Create App From Template** button. Choose 
-**Real Time Sync**, and then follow the prompts. While the backend app is being 
-created, you can download this React Native template app pre-configured for your new 
+The easiest way to use this template app is to log on to [Atlas App Services](https://realm.mongodb.com/) and click the **Create App From Template** button. Choose
+**Real Time Sync**, and then follow the prompts. While the backend app is being
+created, you can download this React Native template app pre-configured for your new
 app.
 
 ### Cloning from GitHub

sync-todo/v2/client/react-native/.watchmanconfig

@@ -6,6 +6,9 @@ import 'react-native';
 import React from 'react';
 import App from '../App';
 
+// Note: import explicitly to use the types shiped with jest.
+import {it} from '@jest/globals';
+
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';