Exemplo de Uso do Sqlite no React Native

O artigo fornece um exemplo de como instalar e utilizar o SQLite no React Native.

Por Awari

Publicado em 24 de agosto de 2023

Glossário

Como instalar o SQLite no React Native

Introdução

O React Native é um framework amplamente utilizado para o desenvolvimento de aplicativos móveis multiplataforma. Com sua popularidade, surgem cada vez mais recursos e bibliotecas disponíveis para facilitar o trabalho dos desenvolvedores. O SQLite é um exemplo disso, sendo um banco de dados leve e eficiente que pode ser integrado ao React Native para armazenar e gerenciar dados de forma local nos aplicativos.

Instalação

Passo 1: Instalar a biblioteca sqlite-storage

Para instalar o SQLite no React Native, você precisa seguir alguns passos simples. Primeiro, certifique-se de ter o ambiente de desenvolvimento React Native configurado corretamente em sua máquina. Em seguida, abra o terminal e navegue até o diretório do seu projeto React Native.
```
        
          npm install --save react-native-sqlite-storage
        
      
```
Passo 2: Vincular a biblioteca ao projeto

Após a instalação, você precisa vincular a biblioteca ao seu projeto React Native. Execute o seguinte comando no terminal:
```
        
          react-native link react-native-sqlite-storage
        
      
```
Passo 3: Adicionar a dependência do SQLite

Agora, você precisa adicionar a dependência do SQLite ao arquivo android/app/build.gradle. Abra o arquivo e procure pela seção dependencies. Adicione a seguinte linha:

Aprenda uma nova língua na maior escola de idiomas do mundo! Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa. Quero estudar na Fluency
```
        
          implementation project(':react-native-sqlite-storage')
        
      
```

Passo 4: Sincronizar as alterações

Em seguida, sincronize as alterações executando o seguinte comando:

        
          cd android && ./gradlew clean && cd ..

Passo 5: Importar a biblioteca

Agora você está pronto para começar a usar o SQLite no seu projeto React Native. Importe a biblioteca em qualquer componente que precise acessar o banco de dados:
```
        
          import SQLite from 'react-native-sqlite-storage';
        
      
```

Exemplo de Uso

O SQLite fornece uma maneira simples e eficiente de armazenar e gerenciar dados localmente em um aplicativo React Native. Vamos ver um exemplo de como usar o SQLite para criar uma lista de tarefas no aplicativo.

Passo 1: Criar uma tabela

Primeiro, crie uma tabela no banco de dados para armazenar as tarefas. Você pode fazer isso chamando o método executeSql da biblioteca SQLite:

        
          const db = SQLite.openDatabase({ name: 'tasks.db', location: 'default' });
      
          db.transaction((tx) => {
            tx.executeSql(
              'CREATE TABLE IF NOT EXISTS tasks (id INTEGER PRIMARY KEY AUTOINCREMENT, title TEXT, completed INTEGER)',
              [],
              (tx, result) => {
                console.log('Tabela de tarefas criada com sucesso!');
              },
              (error) => {
                console.log('Erro ao criar tabela de tarefas:', error);
              }
            );
          });

Passo 2: Adicionar uma tarefa

Agora, podemos adicionar uma tarefa à tabela. Para isso, podemos usar o método executeSql novamente:

        
          db.transaction((tx) => {
            tx.executeSql(
              'INSERT INTO tasks (title, completed) VALUES (?, ?)',
              ['Comprar leite', 0],
              (tx, result) => {
                console.log('Tarefa adicionada com sucesso!');
              },
              (error) => {
                console.log('Erro ao adicionar tarefa:', error);
              }
            );
          });

Passo 3: Recuperar as tarefas

Podemos recuperar as tarefas da tabela usando o método executeSql com uma consulta SQL:

Aprenda uma nova língua na maior escola de idiomas do mundo! Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa. Quero estudar na Fluency

Nossa metodologia de ensino tem eficiência comprovada

        
          db.transaction((tx) => {
            tx.executeSql(
              'SELECT * FROM tasks',
              [],
              (tx, result) => {
                const tasks = result.rows._array;
                console.log('Tarefas:', tasks);
              },
              (error) => {
                console.log('Erro ao recuperar tarefas:', error);
              }
            );
          });

Passo 4: Atualizar o status de uma tarefa

Agora, podemos atualizar o status de uma tarefa usando o método executeSql com uma consulta SQL de atualização:

        
          db.transaction((tx) => {
            tx.executeSql(
              'UPDATE tasks SET completed = ? WHERE id = ?',
              [1, 1],
              (tx, result) => {
                console.log('Status da tarefa atualizado com sucesso!');
              },
              (error) => {
                console.log('Erro ao atualizar status da tarefa:', error);
              }
            );
          });

Passo 5: Excluir uma tarefa

Finalmente, podemos excluir uma tarefa usando o método executeSql com uma consulta SQL de exclusão:

        
          db.transaction((tx) => {
            tx.executeSql(
              'DELETE FROM tasks WHERE id = ?',
              [1],
              (tx, result) => {
                console.log('Tarefa excluída com sucesso!');
              },
              (error) => {
                console.log('Erro ao excluir tarefa:', error);
              }
            );
          });

Melhores práticas para utilizar o SQLite no React Native

Utilize transações
Índices
Limpeza de dados
Gerenciamento de memória
Testes
Segurança
Gerenciamento de versão
Documentação

Como otimizar o desempenho do SQLite no React Native

Use índices
Utilize transações
Limite a quantidade de dados retornados
Otimize consultas
Gerencie a memória
Teste e otimize
Cache de consultas
Atualizações incrementais

Seguindo essas melhores práticas, você poderá aproveitar ao máximo o SQLite no React Native e garantir um desempenho otimizado em seus aplicativos. Lembre-se de sempre adaptar essas dicas às necessidades específicas do seu projeto.

A Awari é a melhor plataforma para aprender sobre ciência de dados no Brasil.

Aqui você encontra cursos com aulas ao vivo, mentorias individuais com os melhores profissionais do mercado e suporte de carreira personalizado para dar seu próximo passo profissional e aprender habilidades como Data Science, Data Analytics, Machine Learning e mais.

Já pensou em aprender de maneira individualizada com profissionais que atuam em empresas como Nubank, Amazon e Google? Clique aqui para se inscrever na Awari e começar a construir agora mesmo o próximo capítulo da sua carreira em dados.

Aprenda uma nova língua na maior escola de idiomas do mundo! Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa. Quero estudar na Fluency

Aprenda uma nova língua na maior escola de idioma do mundo!

Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.

+ 400 mil alunos

Método validado

Aulas

Ao vivo e gravadas

+ 1000 horas

Duração dos cursos

Certificados

Reconhecido pelo mercado

Quero estudar na Fluency

Exemplo de Uso do Sqlite no React Native

Como instalar o SQLite no React Native

Introdução

Instalação

Passo 1: Instalar a biblioteca sqlite-storage

Passo 2: Vincular a biblioteca ao projeto

Passo 3: Adicionar a dependência do SQLite

Passo 4: Sincronizar as alterações

Passo 5: Importar a biblioteca

Exemplo de Uso

Passo 1: Criar uma tabela

Passo 2: Adicionar uma tarefa

Passo 3: Recuperar as tarefas

Passo 4: Atualizar o status de uma tarefa

Passo 5: Excluir uma tarefa

Melhores práticas para utilizar o SQLite no React Native

Como otimizar o desempenho do SQLite no React Native

A Awari é a melhor plataforma para aprender sobre ciência de dados no Brasil.

Inteligência Artificial: Como o WhatsApp utiliza a IA para melhorar a experiência do usuário

A inteligência artificial no WhatsApp é uma realidade em constante evolução, proporcionando benefícios significativos aos usuários....

Inteligência Artificial: O Futuro da Tecnologia Educacional

A implementação da Inteligência Artificial na educação traz benefícios como aprendizagem personalizada, melhoria da qualidade do...

Inteligência Artificial no Urbanismo: Como a tecnologia está transformando as cidades

Artigo sobre as aplicações da inteligência artificial no urbanismo, destacando áreas como transporte inteligente, monitoramento e...