docs(examples): add rspeedy-react-lynx-app to examples

Author: Rel1cx

examples/rspeedy-react-lynx-app/assets/add.jpg

@@ -0,0 +1,56 @@
+import eslintJs from "@eslint/js";
+import eslintPluginReactX from "eslint-plugin-react-x";
+import eslintPluginReactHooks from "eslint-plugin-react-hooks";
+import tseslint from "typescript-eslint";
+import gitignore from "eslint-config-flat-gitignore";
+
+import TSCONFIG from "./tsconfig.json" with { type: "json" };
+
+const GLOB_TS = ["**/*.ts", "**/*.tsx"];
+const GLOB_JS = ["**/*.js", "**/*.jsx"];
+const GLOB_CONFIG = ["**/*.config.{js,mjs,ts,tsx}"];
+
+export default tseslint.config(
+  gitignore(),
+  {
+    files: GLOB_TS,
+    extends: [
+      eslintJs.configs.recommended,
+      tseslint.configs.recommended,
+    ],
+  },
+  {
+    files: TSCONFIG.include,
+    extends: [
+      tseslint.configs.recommendedTypeChecked,
+    ],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        project: "./tsconfig.json",
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+  },
+  {
+    files: TSCONFIG.include,
+    extends: [
+      eslintPluginReactX.configs["recommended-type-checked"],
+    ],
+    plugins: {
+      "react-hooks": eslintPluginReactHooks,
+    },
+    rules: {
+      ...eslintPluginReactHooks.configs.recommended.rules,
+      "react-x/no-unnecessary-use-effect": "warn",
+    },
+  },
+  {
+    files: [...GLOB_JS, ...GLOB_CONFIG],
+    extends: [tseslint.configs.disableTypeChecked],
+    rules: {
+      "no-undef": "off",
+      "no-console": "off",
+    },
+  },
+);

examples/rspeedy-react-lynx-app/assets/item_0.jpg

@@ -0,0 +1,18 @@
+import { pluginQRCode } from "@lynx-js/qrcode-rsbuild-plugin";
+import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+import { defineConfig } from "@lynx-js/rspeedy";
+import { pluginTypeCheck } from "@rsbuild/plugin-type-check";
+import { pluginTailwindCSS } from "rsbuild-plugin-tailwindcss";
+
+export default defineConfig({
+  plugins: [
+    pluginReactLynx(),
+    pluginQRCode(),
+    pluginTailwindCSS(),
+    pluginTypeCheck(),
+  ],
+  environments: {
+    web: {},
+    lynx: {},
+  },
+});

examples/rspeedy-react-lynx-app/assets/item_1.jpg

@@ -0,0 +1,31 @@
+{
+  "name": "@lynx-example/tailwindcss",
+  "version": "0.3.0",
+  "type": "module",
+  "scripts": {
+    "build": "rspeedy build",
+    "dev": "rspeedy dev"
+  },
+  "dependencies": {
+    "@lynx-js/react": "catalog:"
+  },
+  "devDependencies": {
+    "@lynx-js/qrcode-rsbuild-plugin": "catalog:",
+    "@lynx-js/react-rsbuild-plugin": "catalog:",
+    "@lynx-js/rspeedy": "catalog:",
+    "@lynx-js/types": "^3.2.0",
+    "@types/react": "^18.3.18",
+    "typescript": "~5.7.3",
+    "@lynx-contrib/tailwind-preset": "0.0.2",
+    "rsbuild-plugin-tailwindcss": "^0.2.0",
+    "tailwindcss": "^3.4.17"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "repository": {
+    "directory": "examples/tailwindcss",
+    "url": "git+https://github.com/lynx-family/lynx-examples.git",
+    "type": "git"
+  }
+}