La transpilación es un proceso que permite transformar el código frontend para adaptarlo a los navegadores objetivo que se desea soportar en las aplicaciones web.
La transpilación es un proceso habitual en el desarrollo frontend necesario para que los desarrolladores sean capaces de usar las últimas novedades de los lenguajes como Javascript o CSS y que los navegadores sean capaces de interpretar el código aunque no soporten esas características modernas.
En el proceso de transpilación lo que se consigue es que el código frontend (principalmente el Javascript pero también el CSS), escrito haciendo uso de las características modernas de los lenguajes, se transforme para que sea compatible con navegadores que no soportan esas características modernas.
Esta palabra está formada por la unión de otras dos palabras ampliamente conocidas:
- Traducción: Lo que permite cambiar algo de un idioma a otro.
- Compilación: Que es el proceso mediante el cual el código fuente se transforma en archivos binarios que son capaces de ejecutarse en los sistemas operativos.
La transpilación no es exactamente ni una cosa ni otra, sino una unión de los dos conceptos. Si acaso podríamos decir que es más parecido a una traducción, porque el código se transforma. Sin embargo no cambia de lenguaje. Tampoco es exactamente una compilación porque no se generan binarios sino que sigue siendo código Javascript o CSS que debe ser interpretado.
Más información:
Compatibilidad entre navegadores en la web
Como sabemos, el desarrollo web tiene un caballo de batalla con la fragmentación de los navegadores de usuarios. Existe un mercado complejo y numeroso de navegadores, no solo por sus modelos (Chrome, Firefox, Safari…) sino además por las versiones existentes de cada uno.
Ocurre que los lenguajes de la web van avanzando y no todas las características modernas de éstos son compatibles con todos los navegadores. Por ello, los desarrolladores deben tomar algunas decisiones para que existan menos problemas de compatibilidad en los distintos navegadores, ya que no todos entienden determinadas características avanzadas.
A) No usar características modernas
Alguien podría decir, si una característica no está disponible en todos los navegadores del mercado ¿por qué usarla si nos puede dar problemas? y en parte tiene razón pero sería limitarse a sí mismo y no poder aprovechar las novedades del lenguaje, que suelen ser positivas para su trabajo.
B) Aplicar las características modernas de los lenguajes
Otros se preguntan ¿por qué no usar las novedades de los lenguajes si nos facilita el trabajo del día a día, aportando soluciones que nos permiten escribir menos código o disponer de un código más claro?
Esta segunda alternativa es la que trae mayores ventajas a los desarrolladores y los proyectos web. La transpilación es un proceso que nos permite aplicar esta estrategia sin que los usuarios se vean perjudicados.
Cómo funciona la transpilación del código
La tendencia ha dado como ganador el razonamiento de los segundos desarrolladores: Usa siempre las novedades de los lenguajes, que te permiten mejorar tu productividad y la calidad de tu código. Luego, para mitigar los problemas derivados de navegadores no compatibles con esas versiones modernas de los lenguajes, realiza la transpilación del código para adaptarlo a los navegadores objetivo.
En el proceso de transpilación el código que escribimos los desarrolladores se transforma para que sea más "tradicional" y así conseguir solucionar el problema de la compatibilidad. Por un lado permite facilitar la vida a los desarrolladores y por otro lado a los usuarios, ya que sus navegadores no darán problemas aunque no soporten todavía las últimas características de los lenguajes.
Existen por tanto herramientas que permiten transpilar el código, ya sea el Javascript o incluso el CSS, de modo que se adapte perfectamente al mayor número de navegadores. Existen múltiples herramientas frontend para conseguir realizar el trabajo sin que este paso de transpilar el código represente una carga adicional para los desarrolladores.
¿Quieres añadir algo sobre Transpilación?
Crea artículos, recursos o comparte información sobre Transpilación
Temas relacionados
Preguntas y respuestas de Transpilación
Se han recibido 0 faqs en Transpilación