Comando para crear aplicación de React Native con TypeScript

init-rn.md

Comando para crear un proyecto de RN con TS

npx react-native init AwesomeTSProject --template react-native-template-typescript

Para poder saber que pasa, siempre es bueno ir a la documentacion la cual dice:

v0.70
Getting Started with TypeScript:
npx react-native init MyApp --template react-native-template-typescript

Ahora para la version actual:

v0.73
Getting Started with TypeScript:
New projects created by the React Native CLI or popular templates like Ignite will use TypeScript by default.

Entonces viendo lo que dice en la ultima actualizacion, nos damos cuenta que ya viene por defecto y no es necesario el comando del profesor Fernando.

Nota: Para los que se adelantaron y no pusieron typescript o es una version sin typescript entonces en la misma parte del doc dice como agregarlo, espeficicamente aqui:

Adding TypeScript to an Existing Project

Saludos.

buenas estoy presentando este error
λ npx react-native init proyecto
node:internal/modules/cjs/loader:1143
throw err;
^

Error: Cannot find module 'commander'
Require stack:

• C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\index.js
• C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\bin.js
  at Module._resolveFilename (node:internal/modules/cjs/loader:1140:15)
  at Module._load (node:internal/modules/cjs/loader:981:27)
  at Module.require (node:internal/modules/cjs/loader:1231:19)
  at require (node:internal/modules/helpers:177:18)
  at _commander (C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\index.js:43:16)
  at Object. (C:\Users\Lazaro\AppData\Local\npm-cache_npx\7930a8670f922cdb\node_modules@react-native-community\cli\build\index.js:59:22)
  at Module._compile (node:internal/modules/cjs/loader:1364:14)
  at Module._extensions..js (node:internal/modules/cjs/loader:1422:10)
  at Module.load (node:internal/modules/cjs/loader:1203:32)
  at Module._load (node:internal/modules/cjs/loader:1019:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
  'C:\Users\Lazaro\AppData\Local\npm-cache\_npx\7930a8670f922cdb\node_modules\@react-native-community\cli\build\index.js',
  'C:\Users\Lazaro\AppData\Local\npm-cache\_npx\7930a8670f922cdb\node_modules\@react-native-community\cli\build\bin.js'
  ]
  }

Node.js v18.20.1

export const colors = {
darkGray: '#2D2D2D',
ligthGray: '#9B9B9B',
orange: '#FF9427',

textPrimary: '#ffffff',
textSecondary: '#666666',
background: '#000000'
}

Si alguno mas como @ivan783 tiene el error de:

Task :app:installDebug
Installing APK 'app-debug.apk'

Por favor, pruebe lo siguiente:

1- Cierre el Emulador y tambien Node. 2- Abra Android Studio > More Options > AVD (Android Virtual Device Manager ) 3- Estando en sus dispositivos virtuales, seleccione el que esta usando actualmente. 4 - Luego de haberlo seleccionado, haga clic en la opcion de mas a la derecha (es una flecha que apunta hacia abajo) 5- Posteriormente, de clic en wipe data

Ahora abra su proyecto desde consola, sea cmd, powershell o vscode. Una vez situados en la raiz de su proyecto, ejecute estos comandos en este mismo orden:

cd android
.\gradlew clean
cd ..
npm cache clean --force

Ahora deberias poder estar corriendo el emulador nuevamente con:

npx react-native run-android

No tengo ningun dispositivo iOs para probar, en caso de suceder lo mismo. Pero asumo (que alguien me corriga si le ha pasado), que, posteriormente de ejecutar los comandos consola (... clean -force) Tambien debera ejecutar:

npx pod-install ios

Y recien en este punto, volver a levantar su programa.

Si despues de esto aun no funciona su app, les recomiendo hagan delete del node_modules y del folder del directorio android/build
luego solo hagan

npm install

y ejecuten el npx react-native run-android, espero les ayude a mi en ciertas ocaciones me ayuda