chore(eslint): migrate to flat config and simplify

[sukvvon]

Summary

• Mirgrate legacy .eslintrc to eslint.config.js
• Simplify from the existing configuration

Check List

• pnpm run prettier for formatting code and docs

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
zustand-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 29, 2024 1:50am

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[pkg-pr-new]

Open in Stackblitz • demo • starter

npm i https://pkg.pr.new/zustand@2912

commit: 4232740

[dai-shi]

This is nice! I wasn't sure when all plugins are ready. They weren't when I last tried.
Are you sure all configs are migrated? No additions or removals?

[sukvvon]

This is nice! I wasn't sure when all plugins are ready. They weren't when I last tried. Are you sure all configs are migrated? No additions or removals?

@dai-shi i checked all plugins. if it's not i will keep my eyes on this, i migrated with no additions and removals

[dbritto-dev]

@dai-shi @sukvvon IMHO, I prefer no config or simple config instead of complex config. In this case I'll keep the current config. We can use something else like OXC lint or Biome and simplify the config.

[dai-shi]

I'll keep the current config.

Do you mean to keep using eslint 8?

[sukvvon]

@dbritto-dev IMHO, Tools like oxc and biome could be considered as alternatives, but since they are still under development, it might be too early to use them. I believe eslint is still more practical at this point, with abundant references, widespread adoption, and ease of application. For now, as we are currently using eslint, it would be better to focus on supporting eslint and consider simplifying later.

[dbritto-dev]

I wouldn't put much effort on eslint is pretty slow and now are better options, apart from that biome is ready for production. This change just make it more complex to maintain and add another dependency to make it work I do not think that worth it.

[dai-shi]

Our ecosystem still depends on eslint plugins. Maybe, eslint-plugin-react-compiler is one of the biggest hurdles. Let's stick with eslint.

[dbritto-dev]

@dai-shi do we need this change to support react-compiler plugin?

[dbritto-dev]

I'll keep the current config.

Do you mean to keep using eslint 8?

yeah

[dai-shi]

react-compiler is already included. eslint 8 will no longer be supported. This change is what I wanted to do when eslint 9 was released, but at that point something wasn't ready.

[dai-shi]

Let's do some practices that I learned with jotaijs/jotai-valtio#11.
The primary goal is to simplify configs and prefer defaults.

• Use "lint": "eslint ." in package.json and move linter configs to config file
• Remove eslint-config-prettier package
• Can we use eslint-import-resolver-typescript package to simplify eslint.config.js?
• Can we use eslint.config.mjs and use ESM syntax?
• Let's remove globals packages. The added commend in examples/demo/src/utils/copy-to-clipboard.js seems good.
• Remove examples/*/eslint.config.* and eslint packages from examples/*/package.json
• No need to useeslint-plugin-prettier package, as we don't configure stylistic rules.
• Remove some custom rules that don't cause "errors" in the current zustand/jotai/valtio code. (we keep import order rules.)

[sukvvon]

Let's do some practices that I learned with jotaijs/jotai-valtio#11. The primary goal is to simplify configs and prefer defaults.

• Use "lint": "eslint ." in package.json and move linter configs to config file
• Remove eslint-config-prettier package
• Can we use eslint-import-resolver-typescript package to simplify eslint.config.js?
• Can we use eslint.config.mjs and use ESM syntax?
• Let's remove globals packages. The added commend in examples/demo/src/utils/copy-to-clipboard.js seems good.
• Remove examples/*/eslint.config.* and eslint packages from examples/*/package.json
• No need to useeslint-plugin-prettier package, as we don't configure stylistic rules.
• Remove some custom rules that don't cause "errors" in the current zustand/jotai/valtio code. (we keep import order rules.)

@dai-shi I'll do it step by step 🙋🏻‍♂️

[sukvvon]

Remove some custom rules that don't cause "errors" in the current zustand/jotai/valtio code. (we keep import order rules.)

@dai-shi I gonna do this ASAP

[sukvvon]

• Use "lint": "eslint ." in package.json and move linter configs to config file
• Remove eslint-config-prettier package
• Can we use eslint-import-resolver-typescript package to simplify eslint.config.js?
• Can we use eslint.config.mjs and use ESM syntax?
• Let's remove globals packages. The added commend in examples/demo/src/utils/copy-to-clipboard.js seems good.
• Remove examples/*/eslint.config.* and eslint packages from examples/*/package.json
• No need to use eslint-plugin-prettier package, as we don't configure stylistic rules.
• Remove some custom rules that don't cause "errors" in the current zustand/jotai/valtio code. (we keep import order rules.)

@dai-shi Done!

[dai-shi]

Thanks for working on it! Looks much better.

[sukvvon]

@dai-shi I think we're ready to merge!

[dai-shi]

Other than the comment, it looks good to me. Thanks so much for your continued effort!

(I still wonder if we should have eslint for demo, but let's put it aside for this one.)

Can you update Jotai and Valtio PRs too?

[dai-shi]

I would like "eslint ." here too, and also for --fix above.