feat(build): ensure JSX is transformed and update template

Using the JSX react-native configuration in tsconfig no longer transforms to createElement calls. release-npm

Author: tobua

README.md

@@ -14,9 +14,9 @@ Starting point for creating React Native plugins in TypeScript without native co
 > :warning: **node**: Requires at least node version 16.
 
 ```
-npm init -y react-native-plugin react-native-my-plugin
+npm init -y react-native-plugin@latest react-native-my-plugin
 # or
-npx create-react-native-plugin react-native-my-plugin
+npx create-react-native-plugin@latest react-native-my-plugin
 ```
 
 This will bootstrap a new plugin inside a folder named `react-native-my-plugin` accordingly. Inside that folder the commands mentioned hereafter are available. The prefix `react-native-` is optional and will be removed where the React Native context is implied.
@@ -76,6 +76,8 @@ The following plugins have been created with create-react-native-plugin as a sta
   Scroll indicator for views with overflow.
 - [Naxos](https://github.com/tobua/naxos)
   UI Library.
+- [Responsive React Native](https://github.com/tobua/responsive-react-native)
+  Automatically transforms StyleSheet values responsively.
 
 <p align="center">
   <img src="https://github.com/tobua/create-react-native-plugin/raw/main/app.png" alt="Plugin running in Preview App" width="250">

template/package.json

@@ -23,29 +23,27 @@
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-native": "^0.69.1"
+    "react-native": "^0.69.4"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/runtime": "^7.18.6",
-    "@react-native-community/eslint-config": "3.0.3",
-    "@types/jest": "^28.1.4",
-    "@types/react": "^18.0.15",
-    "@types/react-native": "^0.69.2",
+    "@react-native-community/eslint-config": "3.1.0",
+    "@types/jest": "^28.1.8",
+    "@types/react": "^18.0.17",
+    "@types/react-native": "^0.69.5",
     "@types/react-test-renderer": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.30.5",
-    "@typescript-eslint/parser": "^5.30.5",
-    "babel-jest": "^28.1.2",
+    "@typescript-eslint/eslint-plugin": "^5.34.0",
+    "@typescript-eslint/parser": "^5.34.0",
+    "babel-jest": "^28.1.3",
     "cpx": "^1.5.0",
-    "esbuild": "^0.14.48",
-    "eslint": "^8.19.0",
+    "esbuild": "^0.15.5",
+    "eslint": "^8.22.0",
     "eslint-plugin-flowtype": "^8.0.3",
-    "jest": "^28.1.2",
-    "metro-react-native-babel-preset": "^0.71.3",
+    "jest": "^28.1.3",
+    "metro-react-native-babel-preset": "^0.72.1",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
-    "react-native": "^0.69.1",
+    "react-native": "^0.69.4",
     "react-test-renderer": "^18.2.0",
     "typescript": "^4.7.4"
   },

template/tsconfig.json

@@ -4,7 +4,7 @@
     "module": "commonjs",
     "lib": ["es2017"],
     "allowJs": true,
-    "jsx": "react-native",
+    "jsx": "react",
     "isolatedModules": true,
     "strict": true,
     "moduleResolution": "node",