Performance optimizations & use Rolldown + Oxc (#677)

Author: No767

.github/workflows/lint.yml

@@ -24,6 +24,5 @@ jobs:
         uses: biomejs/setup-biome@v2
 
       - name: Run Biome
-        run: biome ci --error-on-warnings --formatter-enabled=false --assist-enabled=false --enforce-assist=false --css-linter-enabled=false src
-
-
+        run: |
+          biome ci --error-on-warnings src

lefthook.yml

@@ -3,10 +3,5 @@ pre-commit:
     check:
       glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"
       root: "react/"
-      run: bunx --bun biome check --write --error-on-warnings --colors=off {staged_files}
-      stage_fixed: true
-    rustywind:
-      glob: "*.{js,ts,jsx,tsx}"
-      root: "react/"
-      run: bunx --bun rustywind --write {staged_files}
+      run: bunx biome check --write --error-on-warnings {staged_files}
       stage_fixed: true

react/biome.json

@@ -1,15 +1,16 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.0.6/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.2.2/schema.json",
   "files": {
     "ignoreUnknown": true,
     "includes": [
       "**",
-      "!**/node_modules/",
+      "!**/node_modules",
       "!**/.vscode",
       "!**/.idea",
-      "!**/public/",
+      "!**/public",
       "!**/dist",
-      "!**/bun.lock"
+      "!**/bun.lock",
+      "!**/src/index.css"
     ]
   },
   "formatter": {
@@ -23,19 +24,7 @@
   "linter": {
     "enabled": true,
     "rules": {
-      "recommended": true,
-      "style": {
-        "noParameterAssign": "error",
-        "useAsConstAssertion": "error",
-        "useDefaultParameterLast": "error",
-        "useEnumInitializers": "error",
-        "useSelfClosingElements": "error",
-        "useSingleVarDeclarator": "error",
-        "noUnusedTemplateLiteral": "error",
-        "useNumberNamespace": "error",
-        "noInferrableTypes": "error",
-        "noUselessElse": "error"
-      }
+      "recommended": true
     }
   },
   "assist": { "actions": { "source": { "organizeImports": "on" } } },

react/bun.lock

@@ -5,11 +5,9 @@
   "type": "module",
   "scripts": {
     "dev": "bunx --bun vite",
-    "build": "tsc && bunx --bun vite build",
+    "build": "bunx --bun tsc && vite build",
     "preview": "bunx --bun vite preview",
-    "check": "biome check --write --unsafe --error-on-warnings .",
-    "migrate": "biome migrate --write",
-    "postinstall": "lefthook install"
+    "check": "biome check --error-on-warnings --write ."
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",
@@ -33,20 +31,13 @@
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.11",
     "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react-swc": "^4.0.1",
-    "bun-plugin-tailwind": "^0.0.15",
+    "@vitejs/plugin-react": "^5.0.1",
     "lefthook": "^1.12.3",
-    "rustywind": "^0.24.3",
     "tailwindcss": "^4.1.12",
     "typescript": "^5.9.2",
-    "vite": "^7.1.3"
+    "vite": "npm:rolldown-vite@latest"
   },
   "trustedDependencies": [
-    "@swc/core",
-    "@tailwindcss/oxide",
-    "browser-tabs-lock",
-    "esbuild",
-    "lefthook",
-    "rustywind"
+    "lefthook"
   ]
 }

react/bunfig.toml

@@ -1,4 +1,5 @@
 import { ChevronDown } from "lucide-react";
+import { useId } from "react";
 import { Link } from "react-router";
 
 import { Navbar } from "@/components/app/navbar";
@@ -45,6 +46,8 @@ function MenuAnchorButton({ targetId, className }: Readonly<MenuAnchorProps>) {
   );
 }
 function Index() {
+  const aboutSection = useId();
+
   return (
     <>
       <Navbar />
@@ -81,13 +84,13 @@ function Index() {
         </div>
 
         <div className="flex flex-col items-center md:pt-7">
-          <MenuAnchorButton targetId="about-section" />
+          <MenuAnchorButton targetId={aboutSection} />
         </div>
       </section>
 
       {/* Introduction section */}
       <section
-        id="about-section"
+        id={aboutSection}
         className="container py-8 mx-auto md:py-12 px-18"
       >
         <div className="flex flex-col items-center md:flex-row">

react/package.json

@@ -1,7 +1,7 @@
 import path from "node:path";
 
 import tailwindcss from "@tailwindcss/vite";
-import react from "@vitejs/plugin-react-swc";
+import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 
 // https://vitejs.dev/config/