Menu Docs

Atlas Device SDK para React Native

Utilize o Atlas Device SDK para React Native para desenvolver aplicativos iOS e Android com JavaScript ou TypeScript.

Caminhos de aprendizado
Ícone de funções

Início rápido

Exemplos de código com explicação mínima sobre como trabalhar com o SDK. Escreva no banco de dados do dispositivo e sincronize com outros dispositivos.

Ver exemplos de código

Ícone Móvel do Atlas Device SDK

Aplicação de exemplo funcional

Aprenda com um exemplo dissecando uma aplicação cliente React Native funcional que usa o React Native SDK.

Explore uma aplicação de exemplo

Ícone de Tutorial

Tutorial guiado

Siga um tutorial guiado para aprender como adaptar a aplicação de exemplo para criar sua própria aplicação funcional.

Siga o tutorial

O que você pode fazer

Use o banco de dados de código aberto do SDK - Realm - para armazenar dados em um dispositivo. Use Device Sync para manter os dados sincronizados com o cluster do MongoDB Atlas e outros clientes.

1

Configure seu projeto com React Native e SDK. Para começar, instale o React Native SDK.

2

Use JavaScript para definir idiomaticamente um esquema de objetos.

3

Você pode configurar seu banco de dados para fazer coisas como preencher dados iniciais no carregamento, usar uma chave de criptografia para proteger os dados e muito mais. Para começar a trabalhar com seus dados, configure e abra um banco de dados.

4

Você pode criar, ler, atualizar e excluir objetos do banco de dados do dispositivo. Construa queries complexas para filtrar dados.

5

Objetos ativos significam que seus dados estão sempre atualizados. Registre um ouvinte de alterações para reagir às alterações e executar lógica como atualizar sua interface do usuário.

Ilustração móvel do Atlas Device SDK
1

Configurar Sincronização de dispositivos em um App Services App. Defina regras de acesso aos dados ou use o Modo de Desenvolvimento para inferir um esquema do modelo de dados do seu cliente. Em seguida, conecte-se ao aplicativo de backend do seu aplicativo React Native.

2

O App Services oferece acesso a autenticação personalizada via JSON web token, integração com autenticação por e-mail/senha, autenticação anônima e compatibilidade com provedores de autenticação populares, incluindo Apple, Google e Facebook. Use esses provedores para autenticar um usuário no seu aplicativo cliente.

3

Para começar a sincronizar dados, abra um banco de dados sincronizado. Para determinar quais dados um banco de dados sincronizado pode ler e gravar, inscreva em uma consulta.

4

As APIs para leitura e gravação de dados são as mesmas para bancos de dados sincronizados e não sincronizados. Os dados que você lê e grava no dispositivo são automaticamente mantidos em sincronia com seu Atlas cluster e outros clientes. Os aplicativos continuam funcionando offline e sincronizam as alterações quando uma conexão de rede está disponível.

Ilustração do Device Sync

Use o Atlas App Services em seu aplicação React Native com o Realm SDK.

Para invocar lógica de backend sem servidor de seu cliente React Native , chame Atlas Functions.

Consulte os dados armazenados no MongoDB diretamente do código do seu aplicação cliente com o MongoDB Data Access.

Autentique usuários com fornecedores de autenticação integrados e de terceiros. Acesse o App Services com usuários autenticados.

Ilustração do App Services

@realm/react é um pacote npm que fornece uma API fácil de usar para executar operações comuns do SDK em seu aplicativo React Native , como consultar ou gravar em um banco de dados de dados e escutar alterações nos objetos. @realm/react inclui contexto, fornecedores e hooks do React para trabalhar com o SDK.

Utilize o @realm/react para gerenciar o banco de dados, Atlas App Services e Atlas Device Sync.

Ilustração móvel do Atlas Device SDK
Documentação essencial
Ícone do Atlas Device SDK

Referência da API JavaScript

Explore generated reference docs for the React Native SDK.

Referência React Native

Ícone da Expo

Início rápido do React Native com Expo

Construa e implemente um aplicativo React Native rapidamente usando um aplicativo de modelo Expo com @realm/react.

Conheça o início rápido

Explore projetos de exemplo fornecidos por especialistas e engenheiros para aprender as melhores práticas e padrões de desenvolvimento comuns usando o SDK nativo da React. Confira a página Projetos de exemplo para mais amostras de aplicações React Native.

Ícone do banco de dados móvel

Aplicativo de filmes semelhante à Netflix

Crie um aplicativo semelhante à Netflix para navegar por filmes do conjunto de dados de amostra Mflix do MongoDB. Use vários bancos de dados para permitir que os usuários sincronizem e gerenciem filmes em suas próprias listas privadas.

Exemplo de projeto

Ícone offline do Realm

Conexão offline ao acesso ao banco de dados

Conecte-se em um usuário do Device Sync e abra um banco de dados sincronizado offline.

Exemplo de projeto

Ícone de usuários

Estado online do usuário

Detecta a conectividade e a atividade de usuários e dispositivos.

Exemplo de projeto

Ícone de transferência de dispositivos móveis na nuvem

Mudança de estado de conexão e tratamento de erros

Aprenda as melhores práticas para resolver os erros de sincronização e estratégias de redefinição do cliente.

Exemplo de projeto