Join Eve Porcello for an in-depth discussion in this video In-browser Babel transpiling, part of Learning ECMAScript 6.
- When you work with Babel on a real project…I definitely don't encourage you to use the…In Browser Transformer.…This will force our browser to convert all of the ES6 to ES5…at run time, which will make our projects run much slower.…For the purposes of this class, though we're just going…to be demo-ing some small feature examples of ES6…so we don't need our code to be lightening fast.…To get started we're going to open the index.html file…that lives inside of our 2_2 folder.…Up here at the top, in our script tag, we have a function…that contains some ES6 features, notice on line five here…the arguments that we're passing to this function…have default arguments.…
This means that when we call this function…even if we don't send any arguments to the function…it's going to use the default values instead.…Let's go ahead and run this, and we'll see what we get…in our console.…I can open up my console by hitting…Command + Option + J on a mac…or Control + Shift + J on a PC.…We notice here in our console that we see…an unexpected token.…
- What is ECMAScript?
- Transpiling ECMAScript with Babel and Babel-node
- Using the let and const keywords
- Creating strings with template strings
- Enhancing object literals
- Working with ES6 classes and class inheritance
Skill Level Beginner
Q: The Babel API is out of date. How do I proceed with the course?
A: We are updating the course. In the meantime, you can install the babel-cli package and then install the presets that you need to follow along with the tutorials.