feat: optional react support

[suppayami]

Description
Added basic support for react, using eslint-plugin-react and eslint-plugin-react-hooks.

Linked Issues
Closes #282

[antfu]

I'd like to keep them as optional peer deps, and ask ppl to explicitly install them when they want to use react. This way we don't introduce those deps to every user of this config.

[suppayami]

I moved them to optional peer deps. Should I leave them in devDeps for dev?

[antfu]

I would like to avoid referencing configs presets, but rather flatten them as inline to have better control.

[suppayami]

By flattening + inline, do you mean copy the config over?

[usercao]

Hi👋 @suppayami , can you add eslint-plugin-react-refresh or eslint-plugin-better-styled-components? This is also the most basic configuration item required in React.

[suppayami]

@usercao I put eslint-plugin-react-refresh in, currently allowConstantExport is enabled by default, should we only enable it only when certain dev implementation (for example vite) exists in deps?

[usercao]

@suppayami You're right, I'm sorry I didn't think carefully. Have you been using CSS-in-JS? It would be even better if you could refer to the packages listed above and add CSS-in-JS support.

[suppayami]

@usercao as for css-in-js, I think it will be more appropriate for users to extend the config and put it in themselves, since not everyone use them in React. What do you think of this? @antfu

[usercao]

export default antfu(
  {
    "vue": true, 
    "react": false, 
    "typescript": true,
    "styled-components": true,
  },
)

I respect your idea, just hope that only one @antfu/eslint-config in devDependencies is enough.

[Dimava]

@suppayami you may use feature flag, same as typescript config has for project (type aware rules won't be enabled if you don't set the tsconfig location)

[suppayami]

@suppayami you may use feature flag, same as typescript config has for project (type aware rules won't be enabled if you don't set the tsconfig location)

@Dimava Do you mean allowConstantExport or css in js? 😂
As for allowConstantExport, I added a list of packages that allow it and auto enable if package(s) exists

[Dimava]

@suppayami No I don't mean anything specific, I didn't use React ever 😂
Just noted so you've considered if it's usable in this PR context

[suppayami]

@antfu I think feature-wise this is ready to go, please have a review when you have time

[antfu]

I updated the PR to not have auto-detection, instead asking users to turn it on manually. Also, it will prompt users to auto-install necessary deps if missing.