Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   react require (https://javascript.ru/forum/misc/58115-react-require.html)

skrudjmakdak 05.09.2015 21:33

react require
 
начал тут недавно смотреть на реакт. скачал набор виджетов, здесь:
http://jquense.github.io/react-widgets/docs/#/

конечно вопросов у меня много. но начну с require.
в этой либе есть путь: docs/components/docs.jsx
и наткнулся на require, погуглив нашел пару ссылок на гитхаб:

https://github.com/philix/jsx-requirejs-plugin
https://github.com/podio/requirejs-react-jsx

в первой ссылке вообще не нашел интересного, во второй нашел файл с require.js.
накидал вот такой html код:
<!-- index.html -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	
	<script src="require.js"></script>
	<script src="react-widgets/src/NumberInput.jsx"></script>
	
  </head>
  <body>
    <div id="content"></div>
    <script type="text/jsx" src="main.jsx"></script>
  </body>
</html>


и в консоль падают такие ошибки:



вообщем я даже не знаю с чего начать. можете подтолкнуть, как им пользоваться?

nerv_ 05.09.2015 23:47

Цитата:

Сообщение от skrudjmakdak
даже не знаю с чего начать

начни с преобразования jsx в js

трансформацию на лету я не юзал, но гугл говорит что так должно работать
<script src="react-widgets/src/NumberInput.jsx" type="text/jsx"></script>

https://softcover.s3.amazonaws.com/2..._fragment.html

только что заметил, что у тебя еще es6 там намешано. Тогда, удачи :)


Часовой пояс GMT +3, время: 21:39.