Require reactjs modules without Browserify, Webpack or Babel

Viewed 6690

I'm trying to setup TypeScript HTML app in visual studio. I want to use reactjs v0.14.7

I would like to avoid using tools like Browserify.

However, how to use the react-dom module then?

Let's forget about typescript for a while. I need to get pure ES5 up and running first.

currently, I have this:

<script src="Scripts/react/react.js"></script>
<script src="Scripts/react/react-dom.js"></script>
<script>
    var Button = React.createClass({
        render: function () {
            return (React.createElement("div", { className: "btn btn-default" }, 'hello world'));
        }
    });
    ReactDOM.render(React.createElement('Button'), document.getElementById('container'));
</script>

however, browser complains, ReactDOM object does not exists.

I have tried:

<script src="Scripts/require.js"></script>
<script src="Scripts/react/react.js"></script>
<script src="Scripts/react/react-dom.js"></script>
<script>
   var React = require('react');
   var ReactDOM = require('react-dom');
   ....
</script>

however, it does not work with require.js: Module name "react" has not been loaded yet for context: _. Use require([])

Can someone bring a little more light into this, please? How to use react without any server side tools like bundling, transpiling etc.

Answers like "use npm" won't be accepted as answer.

3 Answers
Related