Аналоги babel для разбора JSX в браузере

Нашел в интернете неплохой набор компонентов для React. Манипулируя ими можно многократно ускорить процесс разработки веб-сайта, относительно написания css селекторов в индивидуальном порядке или использованием тех же готовых наборов селекторов.

Но есть несколько проблем, а именно: Babel.js(транслятор JSX, рекомендуемый разработчиками React) требует предварительно переводить JSX в обычный JavaScript

«Compiling in the browser has a fairly limited use case, so if you are working on a production site you should be precompiling your scripts server-side. See setup build systems for more information.»

Как следствие для меня он становится неприменимым: я хочу написать составные части страницы используя эти компоненты прямо как html теги, склеить вместе и вывести браузеру для дальнейшего отображения.

Возникают несколько вопросов. Есть ли альтернативный инструмент для трансляции JSX в обычных JavaScript прямо на веб странице? Почему то, что я хочу сделать, плохо? Есть ли какие-либо ещё наборы инструментов, позволяющие сделать верстку быстрее и проще?