Guia Completo para Criar um Crud com React Native e Sqlite
Neste guia completo, você aprenderá como configurar a base de dados SQLite no React Native e implementar as operações de CRUD.
Publicado em 24 de agosto de 2023
Glossário
Introdução ao React Native e SQLite
Guia Completo para Criar um CRUD com React Native e SQLite
1. Configurando a Base de Dados SQLite no React Native
A primeira etapa é instalar a biblioteca do SQLite no projeto React Native. Para isso, abra o terminal e navegue até o diretório do projeto. Execute o seguinte comando:
npm install --save react-native-sqlite-storage
Após a instalação, é necessário linkar a biblioteca ao projeto. Digite o seguinte comando no terminal:
react-native link react-native-sqlite-storage
Com a biblioteca devidamente instalada e linkada, podemos prosseguir para a configuração da base de dados SQLite. Crie um arquivo chamado “database.js” na raiz do projeto e insira o seguinte código:
import SQLite from 'react-native-sqlite-storage';
SQLite.DEBUG(true);
SQLite.enablePromise(true);
const databaseName = 'MyAppDatabase.db';
const databaseVersion = '1.0';
const databaseDisplayname = 'My App Database';
const databaseSize = 200000;
const db = SQLite.openDatabase(
databaseName,
databaseVersion,
databaseDisplayname,
databaseSize
);
export default db;2. Implementando as Operações de CRUD com React Native e SQLite
Agora que temos a base de dados configurada, vamos implementar as operações de CRUD no nosso aplicativo React Native. Vamos começar pela operação de criação.
– Create (Criar)
Para criar um novo registro na base de dados, utilizamos o método executeSql da instância do banco de dados. Veja o exemplo abaixo:
import db from './database';
const create = (name, email) => {
return new Promise((resolve, reject) => {
db.transaction((tx) => {
tx.executeSql(
'INSERT INTO users (name, email) VALUES (?, ?)',
[name, email],
(_, result) => {
resolve(result.insertId);
},
(_, error) => {
reject(error);
}
);
});
});
};
export default create;– Read (Ler)
Para realizar a leitura dos registros da base de dados, utilizamos o método executeSql com uma query de seleção. Veja o exemplo abaixo:
import db from './database';
const read = () => {
return new Promise((resolve, reject) => {
db.transaction((tx) => {
tx.executeSql(
'SELECT * FROM users',
[],
(_, result) => {
resolve(result);
},
(_, error) => {
reject(error);
}
);
});
});
};
export default read;– Update (Atualizar)
A operação de atualização é utilizada para modificar os dados de um registro existente na base de dados. Veja o exemplo abaixo:
import db from './database';
const update = (id, name, email) => {
return new Promise((resolve, reject) => {
db.transaction((tx) => {
tx.executeSql(
'UPDATE users SET name = ?, email = ? WHERE id = ?',
[name, email, id],
(_, result) => {
resolve(result.rowsAffected);
},
(_, error) => {
reject(error);
}
);
});
});
};
export default update;– Delete (Excluir)
A operação de exclusão é utilizada para remover um registro da base de dados. Veja o exemplo abaixo:
import db from './database';
const remove = (id) => {
return new Promise((resolve, reject) => {
db.transaction((tx) => {
tx.executeSql(
'DELETE FROM users WHERE id = ?',
[id],
(_, result) => {
resolve(result.rowsAffected);
},
(_, error) => {
reject(error);
}
);
});
});
};
export default remove;Conclusão
Neste guia completo, exploramos os fundamentos do React Native e do SQLite, aprendemos a configurar a base de dados SQLite no React Native e implementamos as operações de CRUD. Com essas habilidades, você está pronto para criar aplicativos móveis poderosos e eficientes utilizando o React Native e o SQLite.
Lembre-se de que o React Native e o SQLite são ferramentas incríveis que oferecem muitas possibilidades. Você pode explorar recursos avançados, como consultas complexas, indexação e transações para otimizar ainda mais suas aplicações. Continue aprendendo e aprimorando suas habilidades para se tornar um desenvolvedor de aplicativos móveis de sucesso.
Aproveite o poder do React Native e do SQLite para criar aplicativos móveis incríveis e inovadores. Boa sorte em sua jornada de desenvolvimento!
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.
Espero que este guia completo tenha sido útil para você. Lembre-se de que a prática é fundamental para aperfeiçoar suas habilidades de desenvolvimento de aplicativos móveis. Continue estudando, experimentando e criando, e logo você estará dominando o desenvolvimento de aplicativos React Native com o SQLite.
Aproveite o poder do React Native e do SQLite para criar aplicativos incríveis e inovadores. Boa sorte em sua jornada de desenvolvimento!
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
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
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...
Inteligência Artificial: O Futuro da Tecnologia Educacional
A implementação da Inteligência Artificial na educação traz benefícios...
Inteligência Artificial: Como Vetorizar uma Imagem
Como funciona a vetorização utilizando inteligência artificial? Descubra como...
