asci/App.jsx

## App.jsx
// Could be served via CRA with default port 3000

import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = { num: 0 };
  }

  componentDidMount() {
    setInterval(() => {
      this.setState({ num: this.state.num + 1 });
    }, 1000);
  }

  render() {
    return (
      <div className="App">
        <h1>To trigger updates {this.state.num}</h1>
        <iframe
          width="300"
          height="200"
          src="http://localhost:8000/index.html"
        />
      </div>
    );
  }
}
const rootElement = document.getElementById('root');
ReactDOM.render(<App />, rootElement);

## index.html
<!-- SHOULD BE SERVED FROM DIFFERENT LOCATION\PORT -->
<!-- eg. http://localhost:8000 I used `python -m SimpleHTTPServer 8000 .` -->

<!DOCTYPE HTML>
<html>

<head>
</head>

<body>
  <textarea>This</textarea>
</body>

</html>
	// Could be served via CRA with default port 3000

	import React from 'react';
	import ReactDOM from 'react-dom';

	class App extends React.Component {
	constructor(props) {
	super(props);
	this.state = { num: 0 };
	}

	componentDidMount() {
	setInterval(() => {
	this.setState({ num: this.state.num + 1 });
	}, 1000);
	}

	render() {
	return (
	<div className="App">
	<h1>To trigger updates {this.state.num}</h1>
	<iframe
	width="300"
	height="200"
	src="http://localhost:8000/index.html"
	/>
	</div>
	);
	}
	}
	const rootElement = document.getElementById('root');
	ReactDOM.render(<App />, rootElement);
	<!-- SHOULD BE SERVED FROM DIFFERENT LOCATION\PORT -->
	<!-- eg. http://localhost:8000 I used `python -m SimpleHTTPServer 8000 .` -->

	<!DOCTYPE HTML>
	<html>

	<head>
	</head>

	<body>
	<textarea>This</textarea>
	</body>

	</html>