[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"term-t\u002Ftranspile":3,"related-t\u002Ftranspile":105},{"id":4,"title":5,"acronym":6,"body":7,"category":86,"description":87,"difficulty":88,"extension":89,"letter":90,"meta":91,"navigation":92,"path":93,"related":94,"seo":99,"sitemap":100,"stem":103,"subcategory":6,"__hash__":104},"terms\u002Fterms\u002Ft\u002Ftranspile.md","Transpile",null,{"type":8,"value":9,"toc":80},"minimark",[10,15,19,23,26,30,69,73,76],[11,12,14],"h2",{"id":13},"eli5-the-vibe-check","ELI5 — The Vibe Check",[16,17,18],"p",{},"Transpiling is like translating code from one programming language to another, both at a similar level. TypeScript transpiles to JavaScript, SCSS transpiles to CSS. You write the modern, convenient version — the transpiler produces the version browsers actually understand.",[11,20,22],{"id":21},"real-talk","Real Talk",[16,24,25],{},"Transpilation (source-to-source compilation) converts code from one high-level language to another, typically to achieve broader compatibility or to use newer syntax. Common examples: TypeScript → JavaScript (tsc), JSX → JS (Babel), SCSS → CSS (Sass).",[11,27,29],{"id":28},"show-me-the-code","Show Me The Code",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# TypeScript transpiles to JavaScript\nnpx tsc index.ts\n# Output: index.js (plain JavaScript)\n","bash","",[38,39,40,49,63],"code",{"__ignoreMap":36},[41,42,45],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sHwdD","# TypeScript transpiles to JavaScript\n",[41,50,52,56,60],{"class":43,"line":51},2,[41,53,55],{"class":54},"sBMFI","npx",[41,57,59],{"class":58},"sfazB"," tsc",[41,61,62],{"class":58}," index.ts\n",[41,64,66],{"class":43,"line":65},3,[41,67,68],{"class":47},"# Output: index.js (plain JavaScript)\n",[11,70,72],{"id":71},"when-youll-hear-this","When You'll Hear This",[16,74,75],{},"\"Babel transpiles modern ES2022 syntax down to ES5 for older browsers.\" \u002F \"The build step transpiles TypeScript before bundling.\"",[77,78,79],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":36,"searchDepth":51,"depth":51,"links":81},[82,83,84,85],{"id":13,"depth":51,"text":14},{"id":21,"depth":51,"text":22},{"id":28,"depth":51,"text":29},{"id":71,"depth":51,"text":72},"general","Transpiling is like translating code from one programming language to another, both at a similar level.","beginner","md","t",{},true,"\u002Fterms\u002Ft\u002Ftranspile",[95,96,97,98],"Compile","Build","Deploy","Dynamic Typing",{"title":5,"description":87},{"changefreq":101,"priority":102},"weekly",0.7,"terms\u002Ft\u002Ftranspile","XX7YuO28gKKEA_5Z2-YAVkYuwCJQC5169SERij7ogbU",[106,109,112,115],{"title":96,"path":107,"acronym":6,"category":86,"difficulty":88,"description":108},"\u002Fterms\u002Fb\u002Fbuild","A build is the process of turning your development code into something a real computer or browser can run efficiently.",{"title":95,"path":110,"acronym":6,"category":86,"difficulty":88,"description":111},"\u002Fterms\u002Fc\u002Fcompile","Compiling is translating your human-friendly code into machine-friendly instructions.",{"title":97,"path":113,"acronym":6,"category":86,"difficulty":88,"description":114},"\u002Fterms\u002Fd\u002Fdeploy","Deploying is taking your code from your computer and making it live on the internet for real users. Before: only you can see it.",{"title":98,"path":116,"acronym":6,"category":86,"difficulty":117,"description":118},"\u002Fterms\u002Fd\u002Fdynamic-typing","intermediate","Dynamic typing is like a box that can hold anything — toys, food, or a cat — and you don't have to label what goes in it ahead of time.",1776518319883]