Curso base de React Native 2025: #38 - Finalizando ajuste na listagem e formatação de datas

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA

Nessa aula do nosso curso Base de React Native, vamos finalizar os últimos ajustes do nosso aplicativo Humor Tracker para deixá-lo realmente completo e funcional. Vamos aprender a limitar a quantidade de linhas exibidas em cada item da lista, garantindo que descrições muito longas não quebrem o layout, e ainda permitir que o usuário visualize o conteúdo completo ao clicar no item. Além disso, vamos configurar corretamente a exibição da data e hora dos registros, ajustando o formato para que fique claro e consistente com o protótipo que desenvolvemos.
Durante a aula, vamos explorar técnicas práticas de React Native, trabalhando no Visual Studio Code e aplicando boas práticas de programação com Typescript. Para formatar datas de maneira eficiente, vamos usar a biblioteca date-fns, que facilita trabalhar com datas em diferentes formatos e garante que nosso aplicativo tenha uma aparência profissional e organizada. Também vamos implementar verificações para que campos vazios não quebrem a interface, mantendo tudo limpo e funcional.
Ao final da aula, nosso aplicativo estará totalmente pronto, com registros exibidos de forma clara, datas formatadas corretamente e toda a lógica de visualização funcionando perfeitamente. Essa é a etapa final do Humor Tracker, mas o curso continua com novos aplicativos e desafios que vamos desenvolver juntos. Assistindo a essa aula, você vai consolidar conhecimentos essenciais de React Native e se preparar para avançar para projetos ainda mais complexos, aplicando técnicas que fazem diferença em apps reais.

Links mencionados no vídeo:
🗨️ Discord -   / discord  
🎬 CodarSe - https://codarse.com
🖥️ Protótipo no Figma: https://www.figma.com/community/file/...
📖 Repositório: https://github.com/lvsouza/youtube-re...

Outros cursos no canal:
🎩 Figma para DEVs -    • Figma para DEVs: #00 - Apresentação do curso  
☪️ Curso de estilização no React -    • Estilização no React: Aula 00 - Curso de f...  
💎 Curso base de React -    • Curso base de React 2025: #00 - Apresentaç...  
👑 React, Material UI 5 e Typescript -    • React, Material UI 5 e Typescript: #00 - I...  
🏆 Curso de API Rest, Node e Typescript -    • API Rest, Node e Typescript: #00 - Apresen...  

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:38 | Avisos importantes
1:22 | Ajustando a quantia de linhas exibidas na listagem
2:22 | Aplicando formatação na data
6:52 | 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