[Trae AI IDE] App do TabNews criado com um único prompt
Vi um shorts do Gabriel Fróes, do Código Fonte TV, falando sobre a Trae (IDE da ByteDance) e resolvi testar com um prompt bem simples:
Crie um App que utilize a API do TabNews. Utilize React Native
Com apenas esse prompt, sem nenhuma interação adicional, o Trae Builder gerou uma aplicação React Native completa e funcional, incluindo:
- Estrutura completa do projeto
- Sistema de navegação
- Integração com a API do TabNews
- Múltiplas telas (Home, Post e User)
Prévia do app
Android | iOS |
---|---|
![]() |
![]() |
Funcionalidades
- Visualização das postagens relevantes do TabNews
- Leitura de posts individuais e seus comentários
- Visualização de perfis de usuários e suas contribuições
- Atualização por gesto de "puxar para baixo" (pull-to-refresh)
- Rolagem infinita
- Interface limpa e intuitiva
Tecnologias Utilizadas
- React Native
- Expo
- React Navigation
- Axios
Estrutura do Projeto
src/
screens/
HomeScreen.js # Feed principal de posts
PostScreen.js # Visualização individual de post com comentários
UserScreen.js # Visualização de perfil do usuário
App.js # Componente principal da aplicação
Créditos
Este projeto foi criado usando o Trae Builder, demonstrando o potencial do desenvolvimento assistido por IA na criação de aplicações totalmente funcionais a partir de prompts simples.
O código gerado está disponível no repositório do GitHub.
Animal, n aguentei e tive q te copiar, mas usando agora o bolt.new Mudei um pouco o prompt, somente com React, para web.
Crie um App que utilize a API do TabNews. Utilize React
O Resultado foi similar, mas além disso tbm com um único click o site foi hospedado.
Link do site: https://sparkly-banoffee-d3d9dd.netlify.app/
talvez eu faça uma POC mais elaborada pra testar o poder dessa I.A e faço um post nessa sua linha.
Estou testando aqui a ferramenta e ela está me surpreendendo. Pedi para criar uma landing page sem passar outros tipos de dados e, mesmo assim, o sistema fez a leitura da minha code base, percebeu o padrão e buscou por imagens que eu tinha salvo, acertando mais ou menos de primeira.
Diante disso, vou começar a testar para alguns projetos pessoais, não relacionados ao trabalho, pois ainda preciso prezar pela segurança. Vou tentar acreditar que o acesso é restrito apenas ao que eu permitir, e não às páginas superiores ou a outras páginas.
tem como fazer o vscodium(ou o vscode) usar o deepseek local para esse tipo de uso?
Caramba! E pelo que vi do código, fez melhor que muito dev júnior que eu conheço.
Muito interessante! nesse momento considero as IAs boas para otimizar o aprendizado.
Muito bom o experimento, vou conferir a IDE, e tem utilizado para coisas diferentes deste exemplo?
Gostei dessa novidade. Será que o Filipe Deschamps topa fazer um Review no YouTube?
Vale um vídeo do Filipe falando sobre isso. Sensacional o resultado.
Seria incrível o Felipe fazer um vídeo sobre