Add ci workflow & update react template

.github/workflows/code-check.yml

@@ -0,0 +1,26 @@
+name: Check code health
+
+on: [pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: yarn install --immutable --immutable-cache --check-cache
+      - name: Run lint
+        run: yarn run lint
+      - name: Run build
+        run: yarn run build
+      - name: Run test
+        run: yarn run test

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

package.json

@@ -11,8 +11,12 @@
     "watch": "tsc -w",
     "start": "yarn build && node dist/index.js",
     "test": "yarn build && jest",
-    "lint:eslint": "eslint '**/*.{ts,js}'",
-    "fix:eslint": "yarn lint:eslint --fix"
+    "lint": "eslint '**/*.{ts,js}'",
+    "fix:lint": "yarn lint --fix",
+    "format": "prettier --check '**/*.{ts,js,json,md}'",
+    "fix:format": "prettier --write .",
+    "code-check": "yarn run lint && yarn run build && yarn run test",
+    "publish": "yarn run code-check && yarn run build && yarn npm publish --access public"
   },
   "keywords": [
     "LINE",
@@ -57,4 +61,4 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   }
-}
+}

templates/react-ts/src/main.tsx

@@ -1,10 +1,9 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import App from "./App";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
 
-ReactDOM.render(
-  <React.StrictMode>
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+  </StrictMode>
 );

templates/react/src/main.jsx

@@ -1,10 +1,9 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import App from "./App";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
 
-ReactDOM.render(
-  <React.StrictMode>
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById("root")
+  </StrictMode>
 );