Skip to content

Instantly share code, notes, and snippets.

@Cariosvertel

Cariosvertel/react_native_guide.markdown

Last active August 9, 2023 22:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Cariosvertel/6c96bb8984c62b0902ba237c63637771 to your computer and use it in GitHub Desktop.
Save Cariosvertel/6c96bb8984c62b0902ba237c63637771 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react_native_guide.markdown

Instalar e integrar React Native en un Proyecto Nativo de iOS

Paso 1: Preparación del Entorno

  1. Node.js y npm: Asegúrate de tener Node.js y npm instalados.

  2. Xcode: Instala Xcode desde la App Store.

  3. CocoaPods: Instala CocoaPods:

    sudo gem install cocoapods

Paso 2: Crear un Proyecto Nativo de iOS

  1. Crea un nuevo proyecto nativo de iOS:

    npx react-native init MyNativeApp

Paso 3: Agregar Componentes de React Native

  1. Navega a la carpeta del proyecto nativo:

    cd MyNativeApp

  2. Instala las dependencias de CocoaPods:

    sudo npx pod-install

  3. En Xcode, verifica que los archivos .swift y .m estén incluidos en el target de tu aplicación.

Paso 4: Ejecutar la Aplicación

  1. Desarrolla componentes y pantallas de React Native como en cualquier proyecto React Native.

  2. Ejecuta Metro Bundler en una terminal:

    npx react-native start

  3. Ejecuta la aplicación en un emulador o dispositivo:

    npx react-native run-ios

¡Listo! Ahora tienes React Native integrado en tu proyecto nativo de iOS. Desarrolla tus componentes y ejecuta tu aplicación en un emulador o dispositivo para ver los cambios.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment