Summary
Keywords
Full Transcript
Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula do nosso curso base de React Native, vamos avançar na funcionalidade de cadastro de humores, mas agora de um jeito que vai realmente fazer a diferença: vamos aprender a salvar os itens no armazenamento interno do aplicativo, o Async Storage. Até agora, nossos registros apareciam na tela, mas desapareciam ao fechar o app. Agora você vai entender passo a passo como persistir esses dados, garantindo que eles continuem disponíveis mesmo depois que o aplicativo for fechado ou reiniciado, tornando a experiência do usuário muito mais completa e funcional. Vamos explorar também como lidar com o date time e garantir que todos os itens tenham identificação única para que possamos manipulá-los corretamente. Vou te mostrar como pegar os itens já existentes, adicionar novos registros sem sobrescrever os anteriores e armazenar tudo de maneira organizada no Async Storage. Essa é uma habilidade essencial para qualquer aplicativo React Native que precise manter dados persistentes, e você vai sair dessa aula com uma compreensão clara de como fazer isso do jeito certo. Além disso, vamos aplicar boas práticas de programação e Typescript para que nosso código fique limpo e fácil de manter, lidando com tipos, arrays e funções assíncronas corretamente. No final da aula, você terá um sistema completo de cadastro de humores funcionando, capaz de salvar, recuperar e exibir os dados corretamente na tela inicial. Essa é a base que vai permitir, nas próximas aulas, implementar a edição de registros e outras funcionalidades avançadas, deixando seu app cada vez mais profissional e pronto para uso real. Links mencionados no vídeo: 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com 🖥️ Protótipo no Figma: https://www.figma.com/community/file/1542265508040591315 📖 Repositório: https://github.com/lvsouza/youtube-react-native-humor-tracker/tree/897e6a0675ae1cad2c53c4947280bbdcd618d04e Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Meu setup: 📺 Monitor 24: https://amzn.to/4msD7TY 🤖 Processador: https://amzn.to/4oJLZpN 🎧 Fone bluetooth: https://amzn.to/4lESd7r ⌨️ Teclado e mouse: https://amzn.to/4oPdgHu 💪 Suporte articulado: https://amzn.to/41hIrRE Conteúdo: 0:00 | Introdução da aula 0:42 | Avisos importantes 1:22 | Ajustando as tipagens do List Item 2:40 | Salvando o item no async storage antes de retornar para a tela inicial 8:13 | Consultando os registros salvos e exibindo na listagem inicial 10:00 | Finalização e agradecimentos CODARSE - Finalizando o App de humor tracker #ReactNative #CursoReactNative #ReactNativeDoZero #CriarApp #DesenvolvimentoMobile #ReactNativeGratis #AppEmMinutos #JavaScript #ReactNativeTutorial #Expo #ProgramacaoMobile #ReactNativeBrasil #PrimeiroApp #MobileDeveloper #ReactNativeBeginner
