feat: added vite + react + ts example TET-345 (#108)

VirtusLab · Nov 24, 2023 · 3d14b5f · 3d14b5f
1 parent a345733
commit 3d14b5f
Show file tree

Hide file tree

Showing 20 changed files with 6,379 additions and 0 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -3,6 +3,7 @@ module.exports = {
     'plugin:storybook/recommended',
     '@virtuslab/eslint-config-tetrisly',
   ],
+  ignorePatterns: ['examples/**/*'],
   rules: {
     '@typescript-eslint/no-use-before-define': [
       2,

diff --git a/examples/react-vite-ts/.eslintrc.cjs b/examples/react-vite-ts/.eslintrc.cjs
@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@virtuslab/eslint-config-tetrisly'],
+};
diff --git a/examples/react-vite-ts/.gitignore b/examples/react-vite-ts/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/examples/react-vite-ts/.prettierrc.json b/examples/react-vite-ts/.prettierrc.json
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "printWidth": 80
+}
diff --git a/examples/react-vite-ts/README.md b/examples/react-vite-ts/README.md
@@ -0,0 +1,4 @@
+# Tetrisly + React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with Tetrisly for React, HMR and Tetrisly ESLint rules.
+
diff --git a/examples/react-vite-ts/index.html b/examples/react-vite-ts/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;450;600&display=swap"
+      rel="stylesheet"
+    />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Tetrisly + React + TypeScript + Vite</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		# Tetrisly + React + TypeScript + Vite

		This template provides a minimal setup to get React working in Vite with Tetrisly for React, HMR and Tetrisly ESLint rules.