BREAKING CHANGE: add new file to improve performance with eslint rules

Author: fannytavart

example-app/.eslintrc

@@ -1,6 +1,10 @@
 {
   "root": true,
-  "extends": ["plugin:@bam.tech/recommended", "plugin:@bam.tech/a11y"],
+  "extends": [
+    "plugin:@bam.tech/recommended",
+    "plugin:@bam.tech/a11y",
+    "plugin:@bam.tech/performance"
+  ],
   "overrides": [
     {
       "files": ["*.test.tsx"],

example-app/eslint-breaking-examples/break-flatlist-import-rule.tsx

@@ -0,0 +1,10 @@
+// Save without formatting: [⌘ + K] > [S]
+
+// This should trigger one error breaking eslint-plugin-react-native:
+// no-restricted-imports
+
+import { FlatList } from "react-native";
+
+export const MyCustomButton = () => {
+  return <FlatList />;
+};

packages/eslint-plugin/lib/configs/index.ts

@@ -2,10 +2,12 @@ import { a11yConfig } from "./a11y";
 import { importConfig } from "./import";
 import { recommendedConfig } from "./recommended";
 import { testsConfig } from "./tests";
+import { performanceConfig } from "./performance";
 
 export default {
   recommended: recommendedConfig,
   tests: testsConfig,
   a11y: a11yConfig,
   import: importConfig,
+  performance: performanceConfig,
 };

packages/eslint-plugin/lib/configs/performance.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from "eslint-define-config";
+
+export const performanceConfig = defineConfig({
+  rules: {
+    "no-restricted-imports": [
+      "warn",
+      {
+        paths: [
+          {
+            name: "react-native",
+            importNames: ["FlatList"],
+            message:
+              "Please use FlashList from @shopify/flash-list instead of FlatList from react-native.",
+          },
+        ],
+      },
+    ],
+  },
+  overrides: [
+    {
+      files: ["*.js"],
+    },
+  ],
+});