Ragic : biblioteca de roteamento e navegação para desenvolvimento web em React

Abstract

No contexto de desenvolvimento de aplicações web, ou web apps, uma importante funcionalidade é o roteamento e navegação. Para o roteamento, isso implica em definir uma árvore de rotas em modelo de diretório que multiplexem a URL do navegador para uma das páginas da aplicação, extraindo qualquer parâmetro, se houver. A navegação por outro lado envolve permitir que o usuário possa navegar internamente entre as páginas da aplicação, sem precisar manualmente editar a URL. Esse trabalho propõe Ragic, uma biblioteca de roteamento e navegação para aplicações web em React.js implementada em Typescript. Além de conectar rotas com seus respectivos conteúdos, essa biblioteca almeja também promover uma experiência de programação menos suscetível a erros para desenvolvedores. Ela usa conceitos de tipagem disponíveis em Typescript para gerenciar de forma mais inteligente as rotas de um projeto, eliminando duplicação de informação e mantendo o princípio de Don’t Repeat Yourself (DRY), promovendo reuso e manutenibilidade. Após o desenvolvimento de tal biblioteca, ela passou por uma série de testes e experimentos para evidenciar a sua funcionalidade básica, e seus diferenciais em relação às alternativas populares do ecossistema. Os testes consistiram em uma prova de conceito e um estudo de caso. Os testes foram bem sucedidos e apontam para uma utilidade real da ferramenta.