diff --git a/.expo/README.md b/.expo/README.md
new file mode 100644
index 000000000..f7eb5fe7e
--- /dev/null
+++ b/.expo/README.md
@@ -0,0 +1,8 @@
+> Why do I have a folder named ".expo" in my project?
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+> What do the files contain?
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+> Should I commit the ".expo" folder?
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.
diff --git a/.expo/devices.json b/.expo/devices.json
new file mode 100644
index 000000000..5efff6c8c
--- /dev/null
+++ b/.expo/devices.json
@@ -0,0 +1,3 @@
+{
+ "devices": []
+}
diff --git a/.gitignore b/.gitignore
index 25ff11117..b61f09cf5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -133,3 +133,13 @@ mise.toml
**/chromatic-diagnostics.json
**/build-storybook.log
!.nx/version-plans/**
+
+# Expo
+.expo/
+**/.expo/
+
+# Expo native folders (generated by prebuild)
+ios/
+android/
+apps/app-sandbox-rnative/ios/
+apps/app-sandbox-rnative/android/
\ No newline at end of file
diff --git a/apps/app-sandbox-rnative/.babelrc.js b/apps/app-sandbox-rnative/.babelrc.js
deleted file mode 100644
index e3509aaae..000000000
--- a/apps/app-sandbox-rnative/.babelrc.js
+++ /dev/null
@@ -1,33 +0,0 @@
-module.exports = function (api) {
- api.cache(true);
-
- if (
- process.env.NX_TASK_TARGET_TARGET === 'build' ||
- process.env.NX_TASK_TARGET_TARGET?.includes('storybook')
- ) {
- return {
- presets: [
- [
- '@nx/react/babel',
- {
- runtime: 'automatic',
- },
- ],
- ],
- plugins: [
- ['@babel/plugin-proposal-decorators', { version: '2023-11' }],
- 'react-native-reanimated/plugin',
- ],
- };
- }
-
- return {
- presets: [
- ['module:@react-native/babel-preset', { useTransformReactJSX: true }],
- ],
- plugins: [
- ['@babel/plugin-proposal-decorators', { version: '2023-11' }],
- 'react-native-reanimated/plugin',
- ],
- };
-};
diff --git a/apps/app-sandbox-rnative/android/app/build.gradle b/apps/app-sandbox-rnative/android/app/build.gradle
deleted file mode 100644
index a9432ecec..000000000
--- a/apps/app-sandbox-rnative/android/app/build.gradle
+++ /dev/null
@@ -1,119 +0,0 @@
-apply plugin: "com.android.application"
-apply plugin: "org.jetbrains.kotlin.android"
-apply plugin: "com.facebook.react"
-
-/**
- * This is the configuration block to customize your React Native Android app.
- * By default you don't need to apply any configuration, just uncomment the lines you need.
- */
-react {
- /* Folders */
- // The root of your project, i.e. where "package.json" lives. Default is '../..'
- // root = file("../../")
- // The folder where the react-native NPM package is. Default is ../../node_modules/react-native
- reactNativeDir = file("../../../../node_modules/react-native")
- // The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
- codegenDir = file("../../../../node_modules/@react-native/codegen")
- // The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
- cliFile = file("../../../../node_modules/react-native/cli.js")
-
- /* Variants */
- // The list of variants to that are debuggable. For those we're going to
- // skip the bundling of the JS bundle and the assets. By default is just 'debug'.
- // If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
- // debuggableVariants = ["liteDebug", "prodDebug"]
-
- /* Bundling */
- // A list containing the node command and its flags. Default is just 'node'.
- // nodeExecutableAndArgs = ["node"]
- //
- // The command to run when bundling. By default is 'bundle'
- // bundleCommand = "ram-bundle"
- //
- // The path to the CLI configuration file. Default is empty.
- // bundleConfig = file(../rn-cli.config.js)
- //
- // The name of the generated asset file containing your JS bundle
- // bundleAssetName = "MyApplication.android.bundle"
- //
- // The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
- entryFile = file("../../src/main.tsx")
- //
- // A list of extra flags to pass to the 'bundle' commands.
- // See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
- // extraPackagerArgs = []
-
- /* Hermes Commands */
- // The hermes compiler command to run. By default it is 'hermesc'
- hermesCommand = "../../../../node_modules/react-native/sdks/hermesc/%OS-BIN%/hermesc"
- //
- // The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
- // hermesFlags = ["-O", "-output-source-map"]
-
- /* Autolinking */
- autolinkLibrariesWithApp()
-}
-
-/**
- * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
- */
-def enableProguardInReleaseBuilds = false
-
-/**
- * The preferred build flavor of JavaScriptCore (JSC)
- *
- * For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
- *
- * The international variant includes ICU i18n library and necessary data
- * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
- * give correct results when using with locales other than en-US. Note that
- * this variant is about 6MiB larger per architecture than default.
- */
-def jscFlavor = 'org.webkit:android-jsc:+'
-
-android {
- ndkVersion rootProject.ext.ndkVersion
- buildToolsVersion rootProject.ext.buildToolsVersion
- compileSdk rootProject.ext.compileSdkVersion
-
- namespace "com.reactnative"
- defaultConfig {
- applicationId "com.reactnative"
- minSdkVersion rootProject.ext.minSdkVersion
- targetSdkVersion rootProject.ext.targetSdkVersion
- versionCode 1
- versionName "1.0"
- }
- signingConfigs {
- debug {
- storeFile file('debug.keystore')
- storePassword 'android'
- keyAlias 'androiddebugkey'
- keyPassword 'android'
- }
- }
- buildTypes {
- debug {
- signingConfig signingConfigs.debug
- }
- release {
- // Caution! In production, you need to generate your own keystore file.
- // see https://reactnative.dev/docs/signed-apk-android.
- signingConfig signingConfigs.debug
- minifyEnabled enableProguardInReleaseBuilds
- proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
- }
- }
-}
-
-dependencies {
- // The version of react-native is set by the React Native Gradle Plugin
- implementation("com.facebook.react:react-android")
-
- if (hermesEnabled.toBoolean()) {
- implementation("com.facebook.react:hermes-android")
- } else {
- implementation jscFlavor
- }
-}
diff --git a/apps/app-sandbox-rnative/android/app/debug.keystore b/apps/app-sandbox-rnative/android/app/debug.keystore
deleted file mode 100644
index 364e105ed..000000000
Binary files a/apps/app-sandbox-rnative/android/app/debug.keystore and /dev/null differ
diff --git a/apps/app-sandbox-rnative/android/app/proguard-rules.pro b/apps/app-sandbox-rnative/android/app/proguard-rules.pro
deleted file mode 100644
index 11b025724..000000000
--- a/apps/app-sandbox-rnative/android/app/proguard-rules.pro
+++ /dev/null
@@ -1,10 +0,0 @@
-# Add project specific ProGuard rules here.
-# By default, the flags in this file are appended to flags specified
-# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
-# You can edit the include path and order by changing the proguardFiles
-# directive in build.gradle.
-#
-# For more details, see
-# http://developer.android.com/guide/developing/tools/proguard.html
-
-# Add any project specific keep options here:
diff --git a/apps/app-sandbox-rnative/android/app/src/debug/AndroidManifest.xml b/apps/app-sandbox-rnative/android/app/src/debug/AndroidManifest.xml
deleted file mode 100644
index c1e279835..000000000
--- a/apps/app-sandbox-rnative/android/app/src/debug/AndroidManifest.xml
+++ /dev/null
@@ -1,10 +0,0 @@
-
-
-
-
-
diff --git a/apps/app-sandbox-rnative/android/app/src/main/AndroidManifest.xml b/apps/app-sandbox-rnative/android/app/src/main/AndroidManifest.xml
deleted file mode 100644
index 095bdca45..000000000
--- a/apps/app-sandbox-rnative/android/app/src/main/AndroidManifest.xml
+++ /dev/null
@@ -1,27 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/apps/app-sandbox-rnative/android/app/src/main/java/com/reactnative/MainActivity.kt b/apps/app-sandbox-rnative/android/app/src/main/java/com/reactnative/MainActivity.kt
deleted file mode 100644
index 8c5b36b56..000000000
--- a/apps/app-sandbox-rnative/android/app/src/main/java/com/reactnative/MainActivity.kt
+++ /dev/null
@@ -1,22 +0,0 @@
-package com.reactnative
-
-import com.facebook.react.ReactActivity
-import com.facebook.react.ReactActivityDelegate
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
-import com.facebook.react.defaults.DefaultReactActivityDelegate
-
-class MainActivity : ReactActivity() {
-
- /**
- * Returns the name of the main component registered from JavaScript. This is used to schedule
- * rendering of the component.
- */
- override fun getMainComponentName(): String = "ReactNative"
-
- /**
- * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
- * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
- */
- override fun createReactActivityDelegate(): ReactActivityDelegate =
- DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
-}
diff --git a/apps/app-sandbox-rnative/android/app/src/main/java/com/reactnative/MainApplication.kt b/apps/app-sandbox-rnative/android/app/src/main/java/com/reactnative/MainApplication.kt
deleted file mode 100644
index 5eb6e8bb2..000000000
--- a/apps/app-sandbox-rnative/android/app/src/main/java/com/reactnative/MainApplication.kt
+++ /dev/null
@@ -1,44 +0,0 @@
-package com.reactnative
-
-import android.app.Application
-import com.facebook.react.PackageList
-import com.facebook.react.ReactApplication
-import com.facebook.react.ReactHost
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.ReactPackage
-import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
-import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
-import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.soloader.OpenSourceMergedSoMapping
-import com.facebook.soloader.SoLoader
-
-class MainApplication : Application(), ReactApplication {
-
- override val reactNativeHost: ReactNativeHost =
- object : DefaultReactNativeHost(this) {
- override fun getPackages(): List =
- PackageList(this).packages.apply {
- // Packages that cannot be autolinked yet can be added manually here, for example:
- // add(MyReactNativePackage())
- }
-
- override fun getJSMainModuleName(): String = "src/main"
-
- override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
-
- override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
- override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
- }
-
- override val reactHost: ReactHost
- get() = getDefaultReactHost(applicationContext, reactNativeHost)
-
- override fun onCreate() {
- super.onCreate()
- SoLoader.init(this, OpenSourceMergedSoMapping)
- if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
- // If you opted-in for the New Architecture, we load the native entry point for this app.
- load()
- }
- }
-}
diff --git a/apps/app-sandbox-rnative/android/app/src/main/res/drawable/rn_edit_text_material.xml b/apps/app-sandbox-rnative/android/app/src/main/res/drawable/rn_edit_text_material.xml
deleted file mode 100644
index 73b37e4d9..000000000
--- a/apps/app-sandbox-rnative/android/app/src/main/res/drawable/rn_edit_text_material.xml
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-
-
-