ES6 and beyond
Babel will turn your ES6+ code into ES5 friendly code, so you can start using it right now without waiting for browser support. Learn more →
- Abstract references
- Array comprehension
- Arrow functions
- Async functions
- Async generator functions
- Classes
- Computed property names
- Constants
- Default parameters
- Destructuring
- Exponentiation operator
- For-of
- Generators
- Generator comprehensions
- Let scoping
- Modules
- Object rest/spread
- Property method assignment
- Property name shorthand
- Rest parameters
- React
- Spread
- Tail call optimisation
- Template literals
- Types
- Unicode regex
export default React.createClass({
getInitialState() {
return { num: this.getRandomNumber(); };
},
getRandomNumber(): number {
return Math.ceil(Math.random() * 6);
},
render(): any {
return <div>
Your dice roll:
{this.state.number}
</div>;
}
});JSX and React
Babel works perfectly with React, featuring a built-in JSX transformer. Use it together with the babel-sublime package to bring syntax highlighting to a whole new level.
Extensible
With a large range of plugins and browser support.
