teebot/parcel_and_typescript_react.txt

## parcel_and_typescript_react.txt
npm install -g parcel-bundler
npm init -y
npm i react react-dom @types/react @types/react-dom
tsc --init

======tsconfig.json=======

uncomment and set jsx to "react"
leave rest as default

========index.tsx=========

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

class AppContainer extends React.Component<any, any> {
    render() {
        return <div>hello </div>;
    }
}
ReactDOM.render(
    <AppContainer />,
    document.getElementById('root')
);

=======index.html========


<html>

<body>
    <div id="root"></div>
    <script src="index.tsx" />
</body>

</html>
	npm install -g parcel-bundler
	npm init -y
	npm i react react-dom @types/react @types/react-dom
	tsc --init

	======tsconfig.json=======

	uncomment and set jsx to "react"
	leave rest as default

	========index.tsx=========

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

	class AppContainer extends React.Component<any, any> {
	render() {
	return <div>hello </div>;
	}
	}
	ReactDOM.render(
	<AppContainer />,
	document.getElementById('root')
	);

	=======index.html========



	<html>

	<body>
	<div id="root"></div>
	<script src="index.tsx" />
	</body>

	</html>