example template should enable ES module interop

[slikts]

Currently the React template uses the non-standard TS default import syntax:

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

This is unnecessarily confusing for users and exists in the language for legacy reasons, and instead the esModuleInterop compiler option should be used that enables just using standard ES6 default import syntax:

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

The main tsconfig.json already has esModuleInterop enabled, but the Parcel example even disables allowSyntheticDefaultImports for some reason.

[agilgur5]

Yea the tsconfig.json of the example is a weird one. It's over a year old and not sure if @jaredpalmer did that intentionally or it was just copied from somewhere.
I agree that esModuleInterop should be enabled by default, especially for consistency with the root config and tsc --init.

Would you like to submit a PR to fix that? I think it'd be ideal if it extended the root config and did any necessary overrides to be more explicit

I personally agree on the default import as well and think a PR for that would be good too.
Though that syntax hasn't been formally deprecated afaik, and is still used in official TS docs (despite tsc --init enabling esModuleInterop), which really creates some continued, strong confusion about it.

[agilgur5]

So this was actually discussed and rejected in #152 .
I don't have full context on all the nuances there, perhaps there's something we missed that this configuration actually makes sense

[jaredpalmer]

Actually, React just changed its import on Facebook dot com to be import * as React everywhere recently. It is (going to be?) the correct way to import React

[agilgur5]

relevant: https://twitter.com/sebmarkbage/status/1250284377138802689