@noaignite/react-native-eslint

A comprehensive ESLint configuration for React Native projects with TypeScript support. This package provides a well-tested, opinionated set of ESLint rules specifically tailored for React Native development.

Features

• 🚀 React Native optimized rules
• 📱 TypeScript support with strict type checking
• ⚡ ESLint 9 flat config format
• 🎯 Jest testing rules included
• 🎨 Stylistic rules for consistent code formatting
• 🔧 Promise-based async/await best practices
• 🛡️ Security-focused React rules

Installation

npm install --save-dev @noaignite/react-native-eslint

Or with yarn:

yarn add --dev @noaignite/react-native-eslint

Usage

Create an eslint.config.js file in your project root:

import reactNativeConfig from '@noaignite/react-native-eslint'
 
export default reactNativeConfig

Or extend it with additional configuration:

import reactNativeConfig from '@noaignite/react-native-eslint'
 
export default [
  ...reactNativeConfig,
  {
    // Your custom rules here
    rules: {
      // Override or add rules
      'no-console': 'warn'
    }
  }
]

What’s Included

This configuration includes rules for:

• JavaScript/TypeScript: Core language rules and TypeScript-specific linting
• React: React best practices and hooks rules
• React Native: Platform-specific rules for React Native development
• Jest: Testing rules and best practices
• Promises: Async/await and Promise handling
• Stylistic: Code formatting and style consistency

Usage

Create eslint.config.js file in your project root, import eslintConfig from package.

import eslintConfig from '@noaignite/react-native-eslint';
 
export default eslintConfig

Use a config object if your project want to apply new rules.

import eslintConfig from '@noaignite/react-native-eslint';
import { defineConfig } from "eslint/config";
 
export default defineConfig([
  {
    extends: eslintConfig,
    rules: {
      // add new rules here
    }
  }
]);

Use a config array If your project want to combine with other package’s eslint config.

import eslintConfig from '@noaignite/react-native-eslint';
import otherEslintConfig from '@other/package';
import { defineConfig } from "eslint/config";
 
export default defineConfig([
  ...eslintConfig,
  ...otherEslintConfig
]);

Scripts

Add these scripts to your package.json:

{
  "scripts": {
    "lint": "eslint .",
    "lint:fix": "eslint . --fix"
  }}

Requirements

• Node.js >= 18.0.0
• ESLint >= 9.0.0
• TypeScript project