feat(template): add react typescript

[andreifloricel]

What kind of change does this pull request introduce?

Resolves #108

What is the new behavior?

Provide a predefined template for react with out-of-the-box support for typescript

What steps did you take to test this? This is required before we can merge, make sure to test the flow you've updated.

Extended Storybook

Checklist

• Documentation "N/A"
• Ready to be merged

The public API of 'sandpack-client' has changed (added new param for 'devDependencies'). Not sure how the release process works but the ts-ignore from sandpackUtils.ts has to go.
Also prettier added some formatting but I can only assume the previous code was incorrectly formatted.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/codesandbox/sandpack/A6JLuGnaYv7YAeE7HnDc1XDGdXU5
✅ Preview: Failed

[Deployment for e3d612f failed]

[danilowoz]

This really is awesome! I'll review and leave my thoughts as soon as I can. @alexnm who is the best person to review the client changes?

[andreifloricel]

Thanks! I just pushed a small update to the client changes as I noticed that my previous implementation was a bit over-enginereed.

[alexnm]

Great work Andrei! Thank you for your contribution, left a few notes, then we can soon merge this.

[CompuIves]

Super nice addition! Happy to see React-TS in here 😄 .

[andreifloricel]

Thank you! Glad I can contribute something, after using codesandbox so many times :)
I'm not sure how the PR process goes forward. I see that the Vercel deployment failed, but I don't have access to its logs

[andreifloricel]

Hmm, as I created #127 and checked the existing codesandbox & sandpack templates I realised that all sandpack templates (except react) follow the sandbox structure in the sense that source files are placed under the /src directory.:
ex. Vue https://codesandbox.io/s/ecstatic-ptolemy-gxt88 & https://github.com/codesandbox/sandpack/blob/main/sandpack-react/src/templates/vue.ts#L5

Maybe I should adjust the react-ts template to have the same structure and be consistent with all the other ones?
@CompuIves @alexnm what's your take on this?

[alexnm]

Hmm, as I created #127 and checked the existing codesandbox & sandpack templates I realised that all sandpack templates (except react) follow the sandbox structure in the sense that source files are placed under the /src directory.: ex. Vue https://codesandbox.io/s/ecstatic-ptolemy-gxt88 & https://github.com/codesandbox/sandpack/blob/main/sandpack-react/src/templates/vue.ts#L5

Maybe I should adjust the react-ts template to have the same structure and be consistent with all the other ones? @CompuIves @alexnm what's your take on this?

I don't know if we have any constraints here, but I would follow the template that is used by codesandbox.io for now

[andreifloricel]

Agreed, I adjusted it.