Rename the directory to indicate that we transform inline

This required minor modifications to the source code since the previous approach using the JSXTransformer is now deprecated e-mission/e-mission-docs#643 (comment) This is also not the recommended "production" version, which involves manually precompiling the JSX file. https://reactjs.org/docs/add-react-to-a-website.html#add-jsx-to-a-project Will try that next
shankari · Jul 11, 2021 · b878a6e · b878a6e
1 parent 39badb4
commit b878a6e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/examples/jsx-transformer/Hello.jsx → examples/jsx-transformer-inline/Hello.jsx b/examples/jsx-transformer/Hello.jsx → examples/jsx-transformer-inline/Hello.jsx
diff --git a/examples/jsx-transformer/app.js → examples/jsx-transformer-inline/app.js b/examples/jsx-transformer/app.js → examples/jsx-transformer-inline/app.js
diff --git a/examples/jsx-transformer/index.html → examples/jsx-transformer-inline/index.html b/examples/jsx-transformer/index.html → examples/jsx-transformer-inline/index.html
@@ -32,6 +32,12 @@
   <body ng-controller="mainCtrl">
     <div class="content">
       <div class="header">
+        <h1>
+          <div>Hello {{person.fname}} {{person.lname}}</div>
+          <small>
+            <code>&lt;Directly from angular/&gt;</code>
+          </small>
+        </h1>
         <h1>
           <div><hello fname="person.fname" lname="person.lname"/></div>
           <small>
@@ -52,9 +58,9 @@ <h1>
     <script src="../../bower_components/angular/angular.js"></script>
     <script src="../../bower_components/react/react.js"></script>
     <script src="../../bower_components/react/react-dom.js"></script>
-    <script src="../../bower_components/react/JSXTransformer.js"></script>
+    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
     <script src="../../ngReact.js"></script>
-    <script src="Hello.jsx" type="text/jsx"></script>
+    <script src="Hello.jsx" type="text/babel"></script>
     <script src="app.js"></script>
   </body>
-</html>
+</html>