These words came across while attending the first class of neog level1 and with further exploration, it becomes clear that there's a huge difference between the two despite seeming to be the same. Let's dive right into it.

Transpiling

Let us understand this with a bit of code.

ES6 version:
let a=10;
console.log(a);

ES6 to ES5 (Transpiling):
var a=10;
console.log(a);

So this basically depicts that there's a minimal change in the form of the shape which directly implements that transpiling(transcompiling) is the process of changing source code from one language to another with a similar level of abstraction like ECMAscript6+ to ES5 for browser compatibility, typescript to javascript, etc.

Compiling

What's this on the right side of the arrow? The first and foremost question that pops up in our heads and the fun part! it's the answer too. Compiling changes the source code in one language to another having different levels of abstraction like C/CPP to machine understandable code, Java compiler converts .java file to .class file, etc.

This was my honest try to make you understand the difference better with diagrams as we have a photographic memory and this way it stays long. Do let me know if I need to add more to this and how can I improve more. Until next blog....👋👋.