teebot · April 26, 2018 09:29
diff --git a/parcel_and_typescript_react.txt b/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>