TASK: Use synthetic default exports & Use rather than & Slightly update snippet

Author: JamesAlias

CHANGELOG.md

@@ -3,6 +3,18 @@ All notable changes to the "vscode-awesome-ts-react-redux-snippets" extension wi
 
 Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
 
+## [2.1.0] - 2019-03-15
+- Use synthetic default exports, e.g.:
+    ```ts
+    import * as React from 'react';
+    ```
+    to
+    ```ts
+    import React from 'react';
+    ```
+- Use `type` rather than `interface` when applicable
+- Slightly update `test` snippet
+
 ## [2.0.0] - 2019-03-01
 - **breaking:** now using `@sandstormmedia/react-redux-ts-utils` instead of `@martin_hotell/rex-tils`
 - removed `readonly` keywords in `interface` definitions

snippets/typescript.snippets.json

@@ -12,9 +12,9 @@
 			"//",
 			"// State",
 			"//",
-			"export interface ${1:StoreName}State {",
+			"export type ${1:StoreName}State = Readonly<{",
 			"\ttemplate?: string;",
-			"}",
+			"}>;",
 			"\r",
 			"const initialState: ${1:StoreName}State = {",
 			"\ttemplate: undefined,",

snippets/typescriptreact.snippets.json

@@ -2,15 +2,15 @@
 	"Component Skeleton": {
 		"prefix": "component",
 		"body": [
-			"import * as React from 'react';",
+			"import React from 'react';",
 			"import { PickDefaultProps } from '@sandstormmedia/react-redux-ts-utils';",
 			"\r",
 			"//",
 			"// Props",
 			"//",
-			"interface ${1:ComponentName}Props {",
+			"type ${1:ComponentName}Props = Readonly<{",
 			"\ttemplate: string;",
-			"}",
+			"}>;",
 			"\r",
 			"type DefaultProps = PickDefaultProps<${1:ComponentName}Props, 'template'>;",
 			"\r",
@@ -21,9 +21,9 @@
 			"//",
 			"// State",
 			"//",
-			"interface ${1:ComponentName}State {",
+			"type ${1:ComponentName}State = Readonly<{",
 			"\tisCool: boolean;",
-			"}",
+			"}>;",
 			"\r",
 			"const initialState: ${1:ComponentName}State = {",
 			"\tisCool: true,",
@@ -55,7 +55,7 @@
 	"Container Skeleton": {
 		"prefix": "container",
 		"body": [
-			"import * as React from 'react';",
+			"import React from 'react';",
 			"import { connect } from 'react-redux';",
 			"\r",
 			"import { actions, ApplicationState, selectors } from '../../Redux/Store';",
@@ -80,9 +80,9 @@
 	"Storybook Story Skeleton": {
 		"prefix": "story",
 		"body": [
-			"import { action } from '@storybook/addon-actions';",
+			"import React from 'react';",
 			"import { storiesOf } from '@storybook/react';",
-			"import * as React from 'react';",
+			"import { action } from '@storybook/addon-actions';",
 			"\r",
 			"import ${1:ComponentName} from '.';",
 			"\r",
@@ -97,15 +97,17 @@
 	"Component Test Skeleton": {
 		"prefix": "test",
 		"body": [
-			"import * as React from 'react';",
-			"import { render } from 'react-dom';",
-			"import * as ReactTestRenderer from 'react-test-renderer';",
+			"import React from 'react';",
+			"import ReactDOM from 'react-dom';",
+			"import ReactTestRenderer from 'react-test-renderer';",
 			"\r",
 			"import ${1:ComponentName} from '.';",
 			"\r",
 			"describe('${1:ComponentName} tests', () => {",
 			"\tit('should render without crashing', () => {",
-			"\t\trender(<${1:ComponentName} />, document.createElement('div'));",
+				"\t\tconst div = document.createElement('div');",
+				"\t\tReactDOM.render(<${1:ComponentName} />, div);",
+    			"\t\tReactDOM.unmountComponentAtNode(div);",
 			"\t});",
 			"\r",
 			"\tit('should match snapshot', () => {",