Merge pull request #33 from emin93/fix-yarn-post-install

Fixed Yarn Post Install issue

App.tsx

@@ -48,4 +48,4 @@ const styles = StyleSheet.create({
     color: '#333333',
     marginBottom: 5,
   },
-});
+});

CONTRIBUTING.md

@@ -1,8 +1,6 @@
 # Contributing
 
-Cool, I'm glad you decided to contribute to React Native Template TypeScript.
-
-Don't worry, I won't bother you with thousands of rules. I want to make contributing to this project as easy and transparent as possible.
+Contributing to this project should be as easy and transparent as possible.
 
 ## Workflow
 
@@ -15,7 +13,3 @@ We use [GitHub Flow](https://guides.github.com/introduction/flow/), so all code
 ## License
 
 By contributing, you agree that your contributions will be licensed under the [MIT License](https://choosealicense.com/licenses/mit/).
-
-## Code style
-
-Currently there is no lint configuration, but you should try to stay consistent with the existing code.

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 Emin Khateeb
+Copyright (c) 2019 Emin Khateeb
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -13,15 +13,11 @@ Clean and minimalist React Native template for a quick start with TypeScript.
 ## :arrow_forward: Quick Start
 
 ```bash
-react-native init MyApp --template typescript && node MyApp/setup.js
+react-native init MyApp --template typescript
 ```
 
 ## :question: FAQ
 
-### Why this template when React Native 0.57+ supports TypeScript out of the box?
-
-First of all, I started this template before React Native 0.57 came out. After React Native 0.57 was announced, I planned to stop maintenance on this template. But after further evaluation, there's still some manual work to do (add type definitions for React & React Native, create a `.tsconfig` for type checking, etc.) to properly set up a React Native 0.57+ TypeScript project. And that's where this template comes in and does that work for you. :raised_hands:
-
 ### What additional dependencies are included in this template?
 
 - [TypeScript](https://github.com/Microsoft/TypeScript)
@@ -31,24 +27,21 @@ This template always uses the latest versions of the dependencies at the time wh
 
 Lots of :heart: and credits to the owners and maintainers of those packages.
 
-### Why the setup script?
+### Does debugging work?
 
-It deletes obsolete files like the `.flowconfig` and the `setup.js` itself after the setup.
+Yes it does. :tada:
+
+[![Demonstration of working breakpoints in Visual Studio Code](https://cdn-images-1.medium.com/max/1600/1*ZXfzgq1xKz1B3chYy9xE7w.png)](https://medium.com/@emin93/react-native-typescript-b965059109d3)
 
 ### How to do type checking?
 
-`npm run tsc`
-
-### Does debugging work?
-
-Yes it does.
-
-[![Demonstration of working breakpoints in Visual Studio Code](https://cdn-images-1.medium.com/max/1600/1*ZXfzgq1xKz1B3chYy9xE7w.png)](https://medium.com/@emin93/react-native-typescript-b965059109d3)
+`npx tsc`
 
 ## :globe_with_meridians: Links
 
 - ["Using React Native with TypeScript just became simple" on Medium](https://medium.com/@emin93/react-native-typescript-b965059109d3)
 - ["24 tips for React Native you probably want to know" on Albert Gao's blog](http://albertgao.xyz/2018/05/30/24-tips-for-react-native-you-probably-want-to-know/#9-For-Typescript)
+- ["3 Easy Steps to Set Up React Native with TypeScript, Jest and Enzyme" on Medium by Jan Hesters](https://medium.com/@jan.hesters/3-easy-steps-to-set-up-react-native-with-typescript-jest-and-enzyme-592ca042262f)
 
 ## :computer: Contributing
 

__tests__/App-test.tsx

@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

jest.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  preset: 'react-native',
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+}

package.json

@@ -4,7 +4,8 @@
   "description": "Clean and minimalist React Native template for a quick start with TypeScript.",
   "scripts": {
     "test": "standard setup.js",
-    "prepublishOnly": "git reset --hard && npm --no-git-tag-version version from-git"
+    "prepublishOnly": "npm --no-git-tag-version version $TRAVIS_TAG",
+    "install": "node setup.js"
   },
   "repository": {
     "type": "git",
@@ -24,6 +25,6 @@
   },
   "homepage": "https://github.com/emin93/react-native-template-typescript#readme",
   "devDependencies": {
-    "standard": "11.0.1"
+    "standard": "12.0.1"
   }
 }

setup.js

@@ -1,21 +1,25 @@
 const fs = require('fs')
 const path = require('path')
 
-const packageJson = require('./package.json')
+if (fs.existsSync(path.join(__dirname, '.travis.yml'))) {
+  process.exit()
+}
 
-const deleteFile = fileName => fs.unlinkSync(path.join(__dirname, fileName))
-const writeFile = (fileName, data) => fs.writeFileSync(path.join(__dirname, fileName), data)
+const projectFilesToDelete = ['.flowconfig', 'App.js', '__tests__/App-test.js']
 
-console.log('🔄 Setting up...')
+const templateFilesToDelete = ['setup.js', 'README.md', 'LICENSE']
 
-packageJson.scripts.tsc = 'tsc'
+const deleteFile = filePath => {
+  if (!fs.existsSync(filePath)) {
+    return
+  }
 
-writeFile('package.json', JSON.stringify(packageJson, null, 2))
+  fs.unlinkSync(filePath)
+}
 
-deleteFile('.flowconfig')
-deleteFile('App.js')
-deleteFile('LICENSE')
-deleteFile('README.md')
-deleteFile('setup.js')
+const projectPath = path.join(__dirname, '..', '..')
+const deleteProjectFile = fileName => deleteFile(path.join(projectPath, fileName))
+const deleteTemplateFile = fileName => deleteFile(path.join(__dirname, fileName))
 
-console.log(`✅ Setup completed!`)
+projectFilesToDelete.forEach(deleteProjectFile)
+templateFilesToDelete.forEach(deleteTemplateFile)

tsconfig.json

@@ -4,12 +4,12 @@
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "isolatedModules": true,
-    "jsx": "react-native",
+    "jsx": "react",
     "lib": ["es6"],
     "moduleResolution": "node",
     "noEmit": true,
     "strict": true,
     "target": "esnext"
   },
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
 }