Docs Menu

SDK de dispositivos Atlas para React Native

Utiliza Atlas Device SDK para React Native a fin de desarrollar apps para iOS y Android con JavaScript o TypeScript.

Rutas de aprendizaje
Icono de funciones

Inicio rápido

Ejemplos de código con una explicación mínima sobre cómo trabajar con el SDK. Escritura en la base de datos del dispositivo y sincronización con otros dispositivos.

Ver ejemplos de código

Icono móvil del SDK del dispositivo Atlas

Aplicación de ejemplo funcional

Aprende con el ejemplo, diseccionando una aplicación cliente funcional de React Native que utiliza el React Native SDK.

Explorar una aplicación de ejemplo

Icono de tutorial

Tutorial guiado

Siga un tutorial guiado para aprender a adaptar la aplicación de ejemplo para crear su propia aplicación funcional.

Sigue el tutorial

Qué puedes hacer

Utilice la base de datos de código abierto del SDK (Realm) para almacenar datos en un dispositivo. Utilice Device Sync para mantener los datos sincronizados con su clúster de MongoDB Atlas y otros clientes.

1

Configura tu proyecto con React Native y el SDK. Para empezar, instala el SDK de React Native.

2

Utilice JavaScript para definir idiomáticamente un esquema de objeto.

3

Puede configurar su base de datos para que complete los datos iniciales al cargarlos, use una clave de cifrado para protegerlos, etc. Para empezar a trabajar con sus datos, configure y abra una base de datos.

4

Puede crear, leer, actualizar y eliminar objetos de la base de datos del dispositivo. Cree consultas complejas para filtrar datos.

5

Los objetos activos garantizan que tus datos estén siempre actualizados. Registra un detector de cambios para reaccionar a los cambios y ejecutar acciones lógicas como actualizar tu interfaz de usuario.

Ilustración móvil del SDK del dispositivo Atlas
1

Configura la sincronización de dispositivos en una aplicación de App Services. Define reglas de acceso a datos o usa el modo de desarrollo para inferir un esquema a partir del modelo de datos de tu cliente. Luego, conéctate a la aplicación backend desde tu aplicación React Native.

2

App Services proporciona acceso a autenticación JWT personalizada, nuestro proveedor de correo electrónico y contraseña integrado, autenticación anónima y proveedores de autenticación populares como Apple, Google y Facebook. Usa estos proveedores para autenticar a un usuario en tu cliente.

3

Para comenzar a sincronizar datos, abre una base de datos sincronizada. Para determinar qué datos puede leer y escribir una base de datos sincronizada, suscribirse a una query.

4

Las API para leer y escribir datos son las mismas para bases de datos sincronizadas y no sincronizadas. Los datos que lee y escribe en el dispositivo se sincronizan automáticamente con su clúster Atlas y otros clientes. Las aplicaciones siguen funcionando sin conexión y sincronizan los cambios cuando hay una conexión de red disponible.

Ilustración de sincronización de dispositivos

Usa Atlas App Services en tu aplicación React Native con el SDK de Realm.

Para invocar la lógica backend sin servidor desde tu cliente React Native, llama a Atlas Functions.

Consulte datos almacenados en MongoDB directamente desde el código de su aplicación cliente con MongoDB Data Access.

Autentica usuarios con proveedores de autenticación integrados y de terceros. Accede a los Servicios de Apps con usuarios autenticados.

Ilustración de servicios de aplicaciones

@realm/react es un paquete npm que proporciona una API fácil de usar para realizar operaciones comunes del SDK en su aplicación React Native, como consultar o escribir en una base de datos y escuchar cambios en los objetos. @realm/react incluye contexto de React, proveedores y ganchos para trabajar con el SDK.

Utilice @realm/react para administrar la base de datos, Atlas App Services y Atlas Device Sync.

Ilustración móvil del SDK del dispositivo Atlas
Documentación esencial
Icono del SDK del dispositivo Atlas

Referencia de la API de JavaScript

Explore los documentos de referencia generados para el SDK de React Native.

Referencia de React Native

Icono de la Expo

Inicio rápido de React Native con Expo

Cree e implemente una aplicación React Native rápidamente utilizando una aplicación de plantilla Expo con @realm/react.

Explorar el inicio rápido

Explora proyectos de ejemplo de ingeniería y de expertos para aprender las mejores prácticas y patrones de desarrollo comunes con el SDK de React Native. Consulta la página de Proyectos de Ejemplo para ver más aplicaciones de ejemplo de React Native.

Ícono de base de datos móvil

Aplicación de películas similar a Netflix

Crea una aplicación similar a Netflix para explorar películas a partir del conjunto de datos de muestra Mflix de MongoDB. Usa varias bases de datos para que los usuarios puedan sincronizar y administrar películas en sus propias listas privadas.

Proyecto de ejemplo

Icono de reino sin conexión

Inicio de sesión sin conexión y acceso a la base de datos

Inicie sesión como usuario de Device Sync y abra una base de datos sincronizada sin conexión.

Proyecto de ejemplo

Icono de usuarios

Estado en línea del usuario

Detectar la conectividad y actividad de usuarios y dispositivos.

Proyecto de ejemplo

Icono de transferencia móvil en la nube

Cambio de estado de conexión y manejo de errores

Conozca las mejores prácticas sobre el manejo de errores de sincronización y estrategias de restablecimiento de clientes.

Proyecto de ejemplo