feat: add Expo and React Native framework detection and enable RN-specific rules (#64)

React Native/Expo projects were detected as "unknown" framework, and the 8
existing rn-* lint rules were never enabled in the oxlint config. This change:

- Adds "expo" and "react-native" as recognized Framework types
- Detects expo/react-native packages in dependency detection
- Conditionally enables all 8 rn-* rules when framework is Expo or React Native
- Adds "React Native" category mapping and help text for all rn-* rules

Author: athul-binu

packages/react-doctor/src/oxlint-config.ts

@@ -22,6 +22,17 @@ const NEXTJS_RULES: Record<string, string> = {
   "react-doctor/nextjs-no-side-effect-in-get-handler": "error",
 };
 
+const REACT_NATIVE_RULES: Record<string, string> = {
+  "react-doctor/rn-no-raw-text": "error",
+  "react-doctor/rn-no-deprecated-modules": "error",
+  "react-doctor/rn-no-legacy-expo-packages": "warn",
+  "react-doctor/rn-no-dimensions-get": "warn",
+  "react-doctor/rn-no-inline-flatlist-renderitem": "warn",
+  "react-doctor/rn-no-legacy-shadow-styles": "warn",
+  "react-doctor/rn-prefer-reanimated": "warn",
+  "react-doctor/rn-no-single-element-style-array": "warn",
+};
+
 const REACT_COMPILER_RULES: Record<string, string> = {
   "react-hooks-js/set-state-in-render": "error",
   "react-hooks-js/immutability": "error",
@@ -147,5 +158,6 @@ export const createOxlintConfig = ({
 
     "react-doctor/async-parallel": "warn",
     ...(framework === "nextjs" ? NEXTJS_RULES : {}),
+    ...(framework === "expo" || framework === "react-native" ? REACT_NATIVE_RULES : {}),
   },
 });

packages/react-doctor/src/types.ts

@@ -1,4 +1,4 @@
-export type Framework = "nextjs" | "vite" | "cra" | "remix" | "gatsby" | "unknown";
+export type Framework = "nextjs" | "vite" | "cra" | "remix" | "gatsby" | "expo" | "react-native" | "unknown";
 
 export interface ProjectInfo {
   rootDirectory: string;

packages/react-doctor/src/utils/discover-project.ts

@@ -51,6 +51,8 @@ const FRAMEWORK_PACKAGES: Record<string, Framework> = {
   "react-scripts": "cra",
   "@remix-run/react": "remix",
   gatsby: "gatsby",
+  expo: "expo",
+  "react-native": "react-native",
 };
 
 const FRAMEWORK_DISPLAY_NAMES: Record<Framework, string> = {
@@ -59,6 +61,8 @@ const FRAMEWORK_DISPLAY_NAMES: Record<Framework, string> = {
   cra: "Create React App",
   remix: "Remix",
   gatsby: "Gatsby",
+  expo: "Expo",
+  "react-native": "React Native",
   unknown: "React",
 };
 

packages/react-doctor/src/utils/run-oxlint.ts

@@ -87,6 +87,15 @@ const RULE_CATEGORY_MAP: Record<string, string> = {
   "react-doctor/client-passive-event-listeners": "Performance",
 
   "react-doctor/async-parallel": "Performance",
+
+  "react-doctor/rn-no-raw-text": "React Native",
+  "react-doctor/rn-no-deprecated-modules": "React Native",
+  "react-doctor/rn-no-legacy-expo-packages": "React Native",
+  "react-doctor/rn-no-dimensions-get": "React Native",
+  "react-doctor/rn-no-inline-flatlist-renderitem": "React Native",
+  "react-doctor/rn-no-legacy-shadow-styles": "React Native",
+  "react-doctor/rn-prefer-reanimated": "React Native",
+  "react-doctor/rn-no-single-element-style-array": "React Native",
 };
 
 const RULE_HELP_MAP: Record<string, string> = {
@@ -208,6 +217,23 @@ const RULE_HELP_MAP: Record<string, string> = {
 
   "async-parallel":
     "Use `const [a, b] = await Promise.all([fetchA(), fetchB()])` to run independent operations concurrently",
+
+  "rn-no-raw-text":
+    "Wrap text in a `<Text>` component: `<Text>{value}</Text>` — raw strings outside `<Text>` crash on React Native",
+  "rn-no-deprecated-modules":
+    "Import from the community package instead — deprecated modules were removed from the react-native core",
+  "rn-no-legacy-expo-packages":
+    "Migrate to the recommended replacement package — legacy Expo packages are no longer maintained",
+  "rn-no-dimensions-get":
+    "Use `const { width, height } = useWindowDimensions()` — it updates reactively on rotation and resize",
+  "rn-no-inline-flatlist-renderitem":
+    "Extract renderItem to a named function or wrap in useCallback to avoid re-creating on every render",
+  "rn-no-legacy-shadow-styles":
+    "Use `boxShadow` for cross-platform shadows on the new architecture instead of platform-specific shadow properties",
+  "rn-prefer-reanimated":
+    "Use `import Animated from 'react-native-reanimated'` — animations run on the UI thread instead of the JS thread",
+  "rn-no-single-element-style-array":
+    "Use `style={value}` instead of `style={[value]}` — single-element arrays add unnecessary allocation",
 };
 
 const FILEPATH_WITH_LOCATION_PATTERN = /\S+\.\w+:\d+:\d+[\s\S]*$/;