next.js/examples/with-mobx-state-tree-typescript/.babelrc

{
  "presets": [
    "next/babel",
    "@zeit/next-typescript/babel"
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }]
  ]
}
Add with-mobx-state-tree-typescript example (re-submitting due to accidental deletion) (#5077) I think I accidentally deleted the branch my prior PR was based on before you had a chance to merge or decide whether to merge. In case I borked things with that delete, I'm resubmitting the PR and figuring you can close one or the other or both as desired. Original notes: Based on with-mobx-state-tree, but typescript instead of javascript Aside from a few bits of typing and renaming .js files to .ts and .tsx, most of the the edits are to avoid warnings and errors when running the code through tslint (which can be done via the `npm run tslint` command in the example if desired). To keep this example simple, the `<styled>` component (which is used by the javascript-based with-redux and with-mobx-state-tree examples for the clock component) is not used in this example. The `<styled>` library can of course be used with typescript but (I think) it requires a more complicated set of typescript and babel .configs than is needed for most other components and libraries, so I'm just directly styling the one formerly `<styled>` div to keep things simple and broadly applicable. 2018-09-04 15:17:30 +00:00			`{`
			`"presets": [`
			`"next/babel",`
			`"@zeit/next-typescript/babel"`
			`],`
			`"plugins": [`
Update with-mobx-state-tree-typescript example (#5266) To work with babel7 & next7. 2018-09-27 14:39:11 +00:00			`["@babel/plugin-proposal-decorators", { "legacy": true }]`
Add with-mobx-state-tree-typescript example (re-submitting due to accidental deletion) (#5077) I think I accidentally deleted the branch my prior PR was based on before you had a chance to merge or decide whether to merge. In case I borked things with that delete, I'm resubmitting the PR and figuring you can close one or the other or both as desired. Original notes: Based on with-mobx-state-tree, but typescript instead of javascript Aside from a few bits of typing and renaming .js files to .ts and .tsx, most of the the edits are to avoid warnings and errors when running the code through tslint (which can be done via the `npm run tslint` command in the example if desired). To keep this example simple, the `<styled>` component (which is used by the javascript-based with-redux and with-mobx-state-tree examples for the clock component) is not used in this example. The `<styled>` library can of course be used with typescript but (I think) it requires a more complicated set of typescript and babel .configs than is needed for most other components and libraries, so I'm just directly styling the one formerly `<styled>` div to keep things simple and broadly applicable. 2018-09-04 15:17:30 +00:00			`]`
			`}`