Se puede usar React sin babel. Como ejemplo:
<html>
<head>
<title>React Hello World</title>
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
</head>
<body>
<div id="root"></div>
<script>
window.onload = function()
{
class Greetings extends React.Component
{
render()
{
return React.createElement('h1', null, 'Saludos, ' + this.props.name + '!');
}
}
ReactDOM.render(
React.createElement(Greetings, { name : 'Genarito' }),
document.getElementById('root')
);
};
</script>
</body>
</html>
De hecho, si te fijas en la tabla que agregaste a tu pregunta, el soporte para ES6 es mucho mejor en los exploradores actuales del que puede entregar actualmente babel-core-js
. Ahora, si piensas usar React con JSX si vas a necesitar Babel, pero antes que nada una aclaración:
JSX no es parte de ECMAScript6 ni lo va a ser en futuras versiones, porque no es una especificación, sino un lenguaje que termina siendo transpilado (no compilado) a JS. Es como que los navegadores se pusieran a soportar además Coffeescript, Typescript, Elm o cualquier nuevo lenguaje de moda que salga, siendo que al final todos éstos terminan siendo transpilados a JS.
Retomando, ReactJS se puede usar con JS de toda la vida (como en el ejemplo que te adjunté), sin embargo si piensas usarlo con JSX (que de hecho es bastante más amigable y menos verboso que con el JS tradicional) vas a necesitar un transpilador. Hay otros proyectos que han tratado de abordar esto, sin embargo babel es tu mejor opción en este momento. TypeScript viene con soporte para JSX también, donde en teoría no debería ser necesario Babel, sin embargo necesitarías librerías que conviertan ese código TS a JS.
En resumen y respondiendo a tu pregunta del título. Babel no es "requerido", pero si que te hace la vida más fácil si piensas usar JSX o dar un soporte mínimo a exploradores antiguos en caso que quieras usar sintaxis de ES6 en tu código.