Merge pull request #30 from piashcse/configure-eslint

- Configure ESLint

Author: piashcse

.prettierignore

@@ -0,0 +1,4 @@
+node_modules/
+android/
+ios/
+build/

.prettierrc.json

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "useTabs": false
+}

App.js

@@ -6,23 +6,21 @@
  * @flow strict-local
  */
 
-
 import React from 'react';
 import configureAppStore from './src/redux';
-import {Provider} from 'react-redux';
+import { Provider } from 'react-redux';
 import Navigation from './src/navigations/AppNavigation';
-import {PersistGate} from 'redux-persist/integration/react'
-
+import { PersistGate } from 'redux-persist/integration/react';
 
-const {store, persistor} = configureAppStore();
+const { store, persistor } = configureAppStore();
 const App = () => {
-    return (
-        <Provider store={store}>
-            <PersistGate loading={null} persistor={persistor}>
-                <Navigation/>
-            </PersistGate>
-        </Provider>
-    );
+  return (
+    <Provider store={store}>
+      <PersistGate loading={null} persistor={persistor}>
+        <Navigation />
+      </PersistGate>
+    </Provider>
+  );
 };
 
 export default App;

README.md

@@ -1,4 +1,5 @@
 # React-Native Boilerplate
+
 [![React Native](https://img.shields.io/badge/React%20Native-v0.76.1-green.svg)](https://facebook.github.io/react-native/)
 ![badge-Android](https://img.shields.io/badge/Platform-Android-brightgreen)
 ![badge-iOS](https://img.shields.io/badge/Platform-iOS-lightgray)
@@ -27,6 +28,7 @@ src/
 ```
 
 ## Built With 🛠
+
 - [React-Native](https://reactnative.dev/) - React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access to the native platform..
 - [React-Navigation](https://reactnavigation.org/) - Routing and navigation for your React Native apps.
 - [netinfo](https://github.com/react-native-netinfo/react-native-netinfo) - React Native Network Info API for Android, iOS, macOS, Windows & Web
@@ -38,8 +40,7 @@ src/
 - [Redux Persist](https://www.npmjs.com/package/redux-persist) - Redux Persist is a staple project for Redux developers, both on mobile and on the web.
 - [react-native-paper](https://github.com/callstack/react-native-paper) - Material Design for React Native (Android & iOS).
 - [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons)- Customizable Icons for React Native with support for image source and full styling.
-- [patch-package](https://github.com/ds300/patch-package) - Fix broken node modules instantly 
-
+- [patch-package](https://github.com/ds300/patch-package) - Fix broken node modules instantly
 
 ## Requirements
 
@@ -48,7 +49,7 @@ src/
 
 ## How to run
 
-- `git clone git@github.com:piashcse/react-native-boilerplate.git` 
+- `git clone git@github.com:piashcse/react-native-boilerplate.git`
 - `yarn install`
 
 Now, you can choose a command to run the project:
@@ -71,6 +72,7 @@ Now, you can choose a command to run the project:
 [![Blog](https://img.shields.io/badge/-Blog-0077B5?logo=readme&logoColor=white&style=for-the-badge)](https://piashcse.blogspot.com)
 
 # License
+
 ```
 Copyright 2023 piashcse (Mehedi Hassan Piash)
 
@@ -86,4 +88,3 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 ```
-

babel.config.js

@@ -1,10 +1,15 @@
 module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
-  overrides: [{
-    "plugins": [
-      ["@babel/plugin-transform-private-methods", {
-        "loose": true
-      }]
-    ]
-  }]
+  overrides: [
+    {
+      plugins: [
+        [
+          '@babel/plugin-transform-private-methods',
+          {
+            loose: true,
+          },
+        ],
+      ],
+    },
+  ],
 };

eslint.config.js

@@ -0,0 +1,37 @@
+import globals from 'globals';
+import pluginJs from '@eslint/js';
+import tseslint from 'typescript-eslint';
+import pluginReact from 'eslint-plugin-react';
+import prettierConfig from 'eslint-config-prettier';
+import prettierPlugin from 'eslint-plugin-prettier';
+import jestPlugin from 'eslint-plugin-jest';
+
+export default [
+  { files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+  { languageOptions: { globals: { ...globals.browser, ...globals.jest } } }, // Add Jest globals here
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  prettierConfig, // Disables conflicting ESLint rules with Prettier
+  {
+    ignores: ['node_modules/', 'android/', 'ios/', 'build/'],
+    plugins: { prettier: prettierPlugin, jest: jestPlugin }, // Register Jest and Prettier plugins
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'no-unused-vars': 'warn',
+      'react-native/no-inline-styles': 'off',
+      'prettier/prettier': 'error', // Enforce Prettier rules
+      // Jest-specific rules (optional)
+      'jest/no-disabled-tests': 'warn',
+      'jest/no-focused-tests': 'error',
+      'jest/no-identical-title': 'error',
+      'jest/prefer-to-have-length': 'warn',
+      'jest/valid-expect': 'error',
+    },
+    settings: {
+      react: {
+        version: 'detect', // Automatically detect React version
+      },
+    },
+  },
+];

index.js

@@ -2,8 +2,8 @@
  * @format
  */
 
-import {AppRegistry} from 'react-native';
+import { AppRegistry } from 'react-native';
 import App from './App';
-import {name as appName} from './app.json';
+import { name as appName } from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);