# Real-world Project Examples — ESLint + Prettier

Source: https://www.geekswithgeeks.com/en/eslint-prettier/eslint-prettier-22

> See ESLint and Prettier in actual project setups.

## Reference implementations

React projects, Node.js backends, TypeScript monorepos—each has unique linting needs. Review examples to adapt for your context.

## React project setup

A complete ESLint and Prettier setup for a modern React project.

```json
// .eslintrc.json for React project
{
  "env": { "browser": true, "es2021": true },
  "extends": ["eslint:recommended", "plugin:react/recommended", "prettier"],
  "plugins": ["react", "react-hooks"],
  "rules": {
    "react/react-in-jsx-scope": "off",
    "react-hooks/rules-of-hooks": "error",
    "no-unused-vars": "warn"
  }
}

// .prettierrc
{
  "singleQuote": true,
  "trailingComma": "es5",
  "semi": true
}
```

Output:

```
React project ready for linting and formatting
```

## Adapt, don't copy

Use examples as starting points, but customize them for your project's specific needs. Your team's standards matter more than following templates.

Quick check

**Quiz:** Should you use example configs as-is?

- [x] No, customize them for your project's needs.
- [ ] Yes, always copy examples exactly.
- [ ] It doesn't matter.

*Answer:* No, customize them for your project's needs.. Examples are starting points. Your team's standards and project-specific needs should drive configuration choices.