MxReaKit - Configs

Provide shared ESLint, Prettier, and TypeScript configurations.

WARN: This package is experimental and subject to frequent changes. It is not intended for public use.

Table of Contents

• How to install?
• How to set up?
• ESLint
• Prettier
• TypeScript

How to install?

1. Go to the root of your project (where your package.json file is located).
2. Run npm i @mxreakit/configs.

All required dependencies (ESLint, Prettier, TypeScript, plugins) are bundled — no additional installs needed.

How to set up?

TODO

ESLint

Base (TypeScript only)

// eslint.config.js
export { default } from '@mxreakit/configs/eslint';

React

// eslint.config.js
export { default } from '@mxreakit/configs/eslint/react';

Node

// eslint.config.js
export { default } from '@mxreakit/configs/eslint/node';

React Native

// eslint.config.js
export { default } from '@mxreakit/configs/eslint/react-native';

Extending

// eslint.config.js
import base from '@mxreakit/configs/eslint/react';

export default [
  ...base,
  {
    rules: {
      // project-specific overrides
    },
  },
];

Monorepo (composing variants per workspace)

// eslint.config.js
import base from '@mxreakit/configs/eslint';
import { reactLayer } from '@mxreakit/configs/eslint/react';
import { nodeLayer } from '@mxreakit/configs/eslint/node';
import { reactNativeLayer } from '@mxreakit/configs/eslint/react-native';

export default [
  { ignores: ['**/dist/**', '**/node_modules/**'] },
  ...base,
  ...reactLayer.map((c) => ({ ...c, files: ['src/frontend/**/*.{ts,tsx}'] })),
  ...nodeLayer.map((c) => ({ ...c, files: ['src/backend/**/*.{ts,js}'] })),
  ...reactNativeLayer.map((c) => ({ ...c, files: ['src/mobile/**/*.{ts,tsx}'] })),
];

Prettier

// prettier.config.js
export { default } from '@mxreakit/configs/prettier';

TypeScript

| Config | Use case | |---------------------|-----------------------------------------------------------------| | base.json | Shared strictness — no environment assumptions | | react.json | Browser + JSX (extends base) | | node.json | Node.js with NodeNext resolution (extends base) | | react-native.json | React Native / Expo (extends base) | | lib.json | Publishable library with source maps + composite (extends base) |

// tsconfig.json
{
  "extends": "@mxreakit/configs/tsconfig/react.json",
  "compilerOptions": {
    "paths": { "@/*": ["./src/*"] }
  },
  "include": ["src"]
}