By Jay Choi

20 Jul 2016 10:11 English 5 Replies

제목 그대로입니다.

Tizen web application에서 React.js를 사용할 수 있나요? 현재 IDE에서 react.js react-dom.js를 임포트해 빌드를 하려고 시도했지만,

react.js의 빌드에서 프로그레스가 끝나지 않습니다. 사용이 불가능한지, 아니면 다른 방법이 있는지 알고 싶습니다.

Responses

4 Replies

Jay Choi

20 Jul 2016 11:19

자답입니다. 초반 빌드가 멈춘것처럼 보였지만, 취소하고 다시 빌드를 하니 바로 되네요. 다만 클린하고 다시 빌드를 하면 역시 Scoped incremental build before launch... js/react.js 상태에서 빌드 프로세스 진행이 더 안됩니다. 취소하고 다시 실행하면 문제가 없고요.

Reply to this post
Mark as answer

Iqbal Hossain

21 Jul 2016 04:16

Hi,

I tried to create a project using ReactJS. I have successfully build the project.

Please use react.min.js and react-dom.min.js instead of react.js and react-dom.js . Also add browser.min.js.

I also tried react.js and react-dom.js but it blocked me in 100% when building.Then try to refresh and build.

Here is the code,

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Tizen Mobile Application"/>
    <title>Hello React!</title>
    <link rel="stylesheet" href="./lib/tau/mobile/theme/default/tau.css">
    <script src="build/react.min.js"></script>
    <script src="build/react-dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
    <script type="text/javascript" src="./lib/tau/mobile/js/tau.js"></script>
</head>
<body>
    <div class="ui-page" id="list-styles-page">
    <div class="ui-header" data-position="fixed">
		<h1>Note</h1>
	</div>
	<div class="ui-content">
		<div id="example"> React JS</div>
	</div>
</div>
    <script type="text/babel">
      ReactDOM.render(
        <span  >Hello, world!</span>,
        document.getElementById('example')
      );
    </script>
  </body>
</html>

I tested it Web Simulator. It works fine for me.

To download ReactJS library and samples go to https://facebook.github.io/react/docs/getting-started.html

If you find my answer helpful, please mark as best answer.