Desarrollo front end

Lo que obtiene, sea cual sea el framework

• Versiones actuales, patrones actuales. Seguimos la última versión estable y modernizamos el archivo que tocamos, en el mismo cambio, en lugar de dejar una base de código dos versiones mayores por detrás.
• Un sistema de diseño, no un montón de páginas. Una implementación por patrón de interfaz, compuesta a partir de bloques compartidos; cada componente compartido tiene una story que ejecuta comprobaciones de accesibilidad con axe.
• Contratos generados desde el backend. El cliente de API se genera a partir del documento OpenAPI; ningún tipo de datos se escribe a mano y la carpeta generada es de solo lectura.
• Autorización antes de renderizar. Cada ruta lleva un guard de permisos tipado que se resuelve antes de que exista el componente. El interceptor HTTP es defensa en profundidad, nunca el control principal.
• El móvil como requisito. Sin desplazamiento horizontal a 375 px, áreas táctiles de 44 píxeles, nada truncado, acciones principales al alcance del pulgar.

Cómo se escribe un componente

La lógica, la plantilla y los estilos son siempre tres archivos contiguos. Los filtros estructurados, la ordenación y la paginación viven en la URL para que una vista pueda compartirse; la búsqueda de texto libre se queda en memoria porque puede contener datos personales y las URL acaban en los logs. El cálculo, el formato y la exportación a PDF o CSV se hacen en el navegador, mientras que la paginación y el filtrado de los datos de origen se quedan en SQL con el filtro de visibilidad de quien llama, de modo que el navegador nunca recibe filas que el usuario no debería ver.

Front ends que hemos entregado

Cuatro aplicaciones de una sola página entregadas en Angular y React, más de 300 componentes de interfaz, puntuaciones de Lighthouse superiores a 90, para productos de trading, sanidad, RR. HH. y logística. Cifras de nuestro historial de entregas.