Primeros pasos con React Native

Objetivos de aprendizaje

Después de completar esta unidad, podrá:

Comprender lo que es React Native.
Comprender cómo React Native admite lenguajes de programación conocidos.
Instalar el software necesario para Mobile SDK con React Native.

¿Qué es React Native?

Si pasó por los otros módulos de la ruta Mobile SDK, ya sabrá que Mobile SDK le ofrece muchas opciones de desarrollo. Puede crear aplicaciones nativas en Android e iOS, empleando lenguajes de programación nativos para redactar su código. También puede crear aplicaciones híbridas que pueden ejecutarse en Android e iOS, redactadas en JavaScript, CSS, HTML o incluso en Visualforce. Las aplicaciones híbridas, que se basan en Apache Cordova, se ejecutan en un contenedor de vista web que proporciona un puente de traducción con el código nativo. Este enfoque penaliza un poco el desempeño y no siempre tiene el aspecto y comportamiento auténticos de las aplicaciones nativas.

Veamos React Native. Facebook presentó React como un marco de trabajo de desarrollo de código abierto en 2013 y lo continuó con React Native en 2015. En la actualidad, la tecnología React se divide en dos partes: ReactJS y React Native. ReactJS es una biblioteca JavaScript para crear interfaces de usuario basadas en Internet. React Native es un marco de trabajo que utiliza la biblioteca ReactJS para construir componentes nativos para aplicaciones móviles. Del mismo modo que Cordova, React Native tiene capacidad para varias plataformas, y admite Android e iOS.

Aunque usted redacta componentes React Native con tipos especiales de JavaScript, CSS, y marca, los objetos subyacentes son objetos de dispositivos nativos que acceden al sistema operativo directamente. Como resultado, el desempeño, el aspecto y el comportamiento de los componentes React Native se elevan a estándares nativos.

Los lenguajes estándares React Native vienen con algunos signos benignos:

JavaScript en React implementa ES2015, un estándar emergente, de modo que los desarrolladores de aplicaciones híbridas pueden encontrarse con algunas construcciones de código familiares en ejemplos de React. Para aprender más sobre ES2015, consulte la sección Recursos al final de esta unidad.
CSS en React es realmente código JavaScript que imita a CSS y normalmente funciona como CSS en Internet. Una diferencia notable es que utiliza nombres con mayúsculas y minúsculas sin guiones para los identificadores en vez de nombres en minúsculas con guiones. Incluso si sabe CSS, es posible que prefiera el mecanismo de estilo de React.
La marca XML empleada en aplicaciones React se conoce como JSX. JSX es una sintaxis que le permite incrustar marca XML en JavaScript, en vez del método tradicional de incrustar JavaScript en la marca. De este modo, en vez de estar alojado en un archivo de texto separado de la fuente JavaScript, la marca se escribe directamente en el código JavaScript. Por ejemplo, puede devolver marca JSX desde la función render() de un componente.
En Mobile SDK 9.0 o posterior, puede escribir código en JavaScript ES2015 estándar, como antes, o en TypeScript. Puede codificar sin TypeScript, con un poco de TypeScript o con todo lo que pueda definir. TypeScript utiliza su propio compilador para realizar comprobaciones de escritura estáticas a medida que codifica. Los errores encontrados por el compilador son informativos pero no prohibitivos; su código JavaScript continuará ejecutándose como antes. Las bibliotecas de Mobile SDK para React Native incorporan tipos de TypeScript.

Un motivo habitual para utilizar React Native es que no tiene que volver a compilar sus aplicaciones con Xcode o Gradle para probar los cambios. Una vez tiene la aplicación ejecutándose en un dispositivo real o virtual, solo tiene que modificar y guardar el código, y después actualizar su emulador o simulador para ver sus cambios.

Aunque el marco de trabajo subyacente de Facebook se mantiene en modo previo de versión, Mobile SDK trata React Native como un ciudadano SDK completo. Puede compilar aplicaciones React Native con nuestras herramientas de la línea de comandos y utilizar componentes Mobile SDK como la autenticación, SmartStore y Mobile Sync para crear aplicaciones Mobile SDK completamente capacitadas.

Instalar Forcereact

¿Completó Configurar las herramientas de desarrollador de Mobile SDK? Si no es así, este sería un buen momento de hacerlo y asegurarse de que sus herramientas de desarrollador están al día. Aunque la codificación de React Native se realiza en JavaScript, aún tendrá que instalar herramientas de desarrollo de plataforma nativas: Android Studio, Xcode o ambas. Para crear aplicaciones React Native para Mobile SDK, use la utilidad forcereact npm.

Creación de una aplicación conectada

El módulo Fundamentos de Salesforce Mobile SDK, que incluye instrucciones para las aplicaciones conectadas, es un requisito para completar este módulo. No puede realizar los ejercicios de esta unidad sin crear antes una aplicación conectada.

Para establecer la conexión con el servicio de Salesforce, cada aplicación móvil requiere una aplicación conectada de Salesforce. Una aplicación conectada autoriza la aplicación para comunicarse con Salesforce y acceder de forma segura a las API de Salesforce.

Después de crear y guardar su aplicación conectada, revise los detalles.

Copie los valores de URL de devolución de llamada y Clave de consumidor. Use estos valores para configurar la autenticación en su aplicación.
Las aplicaciones de Mobile SDK no utilizan la pregunta secreta del consumidor, por lo que puede ignorar este valor.

¿Necesita ayuda?

Descubrir más

Primeros pasos con React Native

Objetivos de aprendizaje

¿Qué es React Native?

Instalar Forcereact

Creación de una aplicación conectada

Recursos