The latest articles on DEV Community by Fábio Bonato (@fbonatto1). https://dev.to/fbonatto1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3972965%2Fc5d92cf6-24dd-4194-b012-2960144413f9.JPEG https://dev.to/fbonatto1 en Fábio Bonato Sun, 07 Jun 2026 20:02:23 +0000 https://dev.to/fbonatto1/minha-experiencia-criando-um-app-de-bio-pessoal-com-react-native-1fpa https://dev.to/fbonatto1/minha-experiencia-criando-um-app-de-bio-pessoal-com-react-native-1fpa <p>Recentemente comecei a desenvolver um aplicativo mobile de bio pessoal usando <strong>React Native</strong>. A ideia principal do projeto era criar uma aplicação simples, mas com aparência profissional, onde eu pudesse apresentar meu perfil, minhas habilidades, meus projetos, candidaturas e artigos.</p> <p>Mesmo sendo um projeto acadêmico, tentei desenvolver algo que parecesse próximo de um aplicativo real. Para isso, organizei o app em diferentes telas e usei navegação por abas inferiores, deixando a experiência mais clara e fácil de usar.</p> <h2> Objetivo do projeto </h2> <p>O objetivo do app é funcionar como uma apresentação pessoal em formato mobile. Em vez de criar apenas uma página estática, a proposta foi construir uma aplicação com várias seções, como:</p> <ul> <li>Perfil pessoal</li> <li>Formação e qualificações</li> <li>Habilidades técnicas</li> <li>Projetos desenvolvidos</li> <li>Candidaturas</li> <li>Artigos</li> </ul> <p>Essa estrutura ajudou bastante a praticar conceitos importantes do desenvolvimento mobile, principalmente organização de componentes, navegação e estilização.</p> <h2> Tecnologias utilizadas </h2> <p>Durante o desenvolvimento, utilizei principalmente:</p> <ul> <li>React Native</li> <li>Expo</li> <li>JavaScript</li> <li>React Navigation</li> <li>Context API</li> </ul> <p>O Expo facilitou bastante o processo, principalmente por permitir testar o aplicativo rapidamente no celular e no navegador. Isso tornou o desenvolvimento mais prático e ajudou a visualizar as mudanças em tempo real.</p> <h2> Organização das telas </h2> <p>Uma das partes mais importantes do projeto foi separar bem as telas. Criei uma tela inicial com uma apresentação simples e um botão para acessar o perfil completo. Depois, o aplicativo passou a ter abas inferiores para navegar entre as principais áreas.</p> <p>Essa separação deixou o app mais organizado e também facilitou futuras melhorias. Por exemplo, se eu quiser adicionar novos projetos ou novas informações no perfil, consigo fazer isso sem alterar toda a estrutura do aplicativo.</p> <h2> Aprendizados durante o desenvolvimento </h2> <p>Esse projeto me ajudou a entender melhor como funciona o desenvolvimento mobile com React Native. Alguns dos principais aprendizados foram:</p> <ul> <li>Como criar telas diferentes dentro de um app</li> <li>Como usar navegação entre páginas</li> <li>Como organizar componentes</li> <li>Como trabalhar com listas de dados</li> <li>Como criar uma interface mais limpa e responsiva</li> <li>Como consumir dados externos usando API</li> </ul> <p>Além disso, percebi a importância de manter o código organizado desde o início. Mesmo em projetos pequenos, uma boa estrutura facilita muito quando o app começa a crescer.</p> <h2> Próximo passo: consumo de API </h2> <p>Uma das próximas melhorias do projeto é consumir a API do Dev.to para listar artigos publicados diretamente dentro do aplicativo. Com isso, a tela de artigos deixa de ter conteúdo fixo e passa a exibir dados reais vindos de uma API externa.</p> <p>Essa etapa é importante porque aproxima o projeto de uma situação real de desenvolvimento, onde muitas aplicações precisam buscar informações em servidores externos.</p> <h2> Conclusão </h2> <p>Criar esse app foi uma experiência muito positiva. Além de praticar React Native, consegui construir algo que representa meu perfil como estudante de Engenharia de Software e desenvolvedor em formação.</p> <p>Ainda tenho muito para aprender, mas esse projeto mostrou como pequenos aplicativos podem ser uma ótima forma de evoluir na programação, praticar conceitos importantes e criar algo útil para apresentar minhas habilidades.</p> career mobile reactnative showdev