React.js 0.14 Замена трансформации JSX

Я пройду курсы начинающих React.js, чтобы лучше ознакомиться с React и ES6. К сожалению, курсы были созданы в течение 0.13, когда JSX Transformer был доступен, и я не хочу настраивать среду node.js с каждым файлом упражнения. Также кажется, что babel-браузер был прекращен, а babel-standalone требует гораздо больше, чем тип свойств скрипта для компиляции, поэтому ни один из них не является решением (если я не понял автономного).React.js 0.14 Замена трансформации JSX

Есть ли что-нибудь там, что ручка преобразуется так же просто, как только JSX Transformer?

Заранее благодарен!

источник

2016-01-29 DBrown

JSbin будет transpile JSX и ES6 для вас. Просто выберите параметр ES6/Babel в раскрывающемся списке JavaScript. –

Спасибо. Полезно знать о других сайтах. Я знаю, что я мог бы сходить с JSFiddle, и у меня есть свои собственные узлы.js, реагирующие на среду с помощью браузера и babel, но я действительно пытаюсь найти ответ на эту конкретную проблему. React devs утверждают, что есть так же просто, как это сделать с babel, и причина, по которой они продолжают оставлять JSX Transformer и реагировать на инструменты из релизов. – DBrown

Помните, если я спрошу, почему «нет» для узла? Вам не нужно «настраивать среду», вы просто загружаете узел, клонируете репозиторий github, который включает в себя преобразование реакции, и все готово! – azium

Рекомендуемый учебник по реагированию (http://facebook.github.io/react/docs/tutorial.html), как правило, использует babel динамически.

<!-- index.html --> 
 
<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>React Tutorial</title> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script> 
 
    </head> 
 
    <body> 
 
    <div id="content"></div> 
 
    <script type="text/babel" src="scripts/example.js"></script> 
 
    <script type="text/babel"> 
 
     // To get started with this tutorial running your own code, simply remove 
 
     // the script tag loading scripts/example.js and start writing code here. 
 
    </script> 
 
    </body> 
 
</html>

источник

2016-01-30 00:10:41

Ха-ха. Я только что увидел это в учебнике и почувствовал себя полным noob. Спасибо за ответ на мой вопрос! – DBrown

React.js 0.14 Замена трансформации JSX

ответ

Смежные вопросы