{"componentChunkName":"component---src-templates-page-jsx","path":"/javascript/transpiler-and-preprocessors","result":{"data":{"mdx":{"id":"7d333152-d2f3-5a8c-8982-c95166a5a34b","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Transpile and Preprocessors\",\n  \"tags\": [\"Transpiler\", \"Preprocessors\", \"js\"],\n  \"image\": \"/recommends-javascript-cover.png\",\n  \"icon\": \"🌶\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h3\", {\n    \"id\": \"babel\"\n  }, \"Babel\"), mdx(\"p\", null, \"a JavaScript compiler that allows you to use next generation JavaScript, today. Babel is nowadays the de-facto standard for writing modular and testable JavaScript.\\nBabel isn't a framework, but a compiler. You won't have to learn it to use it but you will need to understand how JavaScript works.\\n\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://babeljs.io/\"\n  }, \"Babel\")), mdx(\"h3\", {\n    \"id\": \"typescript\"\n  }, \"TypeScript\"), mdx(\"p\", null, \"a typed superset of JavaScript that compiles to plain JavaScript. It is definitely overwhelming at first and again if you are not familiar with JavaScript then it is not a great choice to use it.\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"http://www.typescriptlang.org/\"\n  }, \"TypeScript\")), mdx(\"h3\", {\n    \"id\": \"coffeescript\"\n  }, \"CoffeeScript\"), mdx(\"p\", null, \"a little and simplified language that compiles into JavaScript.\", mdx(\"br\", {\n    parentName: \"p\"\n  }), \"\\n\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"http://coffeescript.org/\"\n  }, \"CoffeeScript\")));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Babel a JavaScript compiler that allows you to use next generation JavaScript, today. Babel is nowadays the de-facto standard for writing modular and testable JavaScript.\nBabel isn't a framework, but a compiler. You won't have to learn it to use it…","slug":"javascript/transpiler-and-preprocessors","tableOfContents":{"items":[{"url":"#babel","title":"Babel"},{"url":"#typescript","title":"TypeScript"},{"url":"#coffeescript","title":"CoffeeScript"}]},"frontmatter":{"tags":["Transpiler","Preprocessors","js"],"title":"Transpile and Preprocessors","image":"/recommends-javascript-cover.png","chapter":null,"icon":"🌶"}}},"pageContext":{"slug":"javascript/transpiler-and-preprocessors"}},"staticQueryHashes":["3593046716"]}