Skip to content

Commit 8b45d27

Browse files
authored
Revise editor setup documentation for clarity
Updated text editor recommendations and ESLint instructions for clarity and accuracy.
1 parent e22544e commit 8b45d27

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/content/learn/editor-setup.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,21 +22,21 @@ A properly configured editor can make code clearer to read and faster to write.
2222
Other popular text editors used in the React community include:
2323

2424
* [WebStorm](https://www.jetbrains.com/webstorm/) is an integrated development environment designed specifically for JavaScript.
25-
* [Sublime Text](https://www.sublimetext.com/) has support for JSX and TypeScript, [syntax highlighting](https://stackoverflow.com/a/70960574/458193) and autocomplete built in.
26-
* [Vim](https://www.vim.org/) is a highly configurable text editor built to make creating and changing any kind of text very efficient. It is included as "vi" with most UNIX systems and with Apple OS X.
25+
* [Sublime Text](https://www.sublimetext.com/) has support for JSX and TypeScript, syntax highlighting, and autocomplete built in.
26+
* [Vim](https://www.vim.org/) is a highly configurable text editor built to make creating and changing any kind of text very efficient. It is included as "vi" with most UNIX systems and with macOS.
2727

2828
## Recommended text editor features {/*recommended-text-editor-features*/}
2929

3030
Some editors come with these features built in, but others might require adding an extension. Check to see what support your editor of choice provides to be sure!
3131

3232
### Linting {/*linting*/}
3333

34-
Code linters find problems in your code as you write, helping you fix them early. [ESLint](https://eslint.org/) is a popular, open source linter for JavaScript.
34+
Code linters find problems in your code as you write, helping you fix them early. [ESLint](https://eslint.org/) is a popular, open source linter for JavaScript.
3535

36-
* [Install ESLint with the recommended configuration for React](https://www.npmjs.com/package/eslint-config-react-app) (be sure you have [Node installed!](https://nodejs.org/en/download/current/))
36+
* [Install ESLint with the recommended configuration for React](https://www.npmjs.com/package/eslint-plugin-react-hooks) (be sure you have [Node installed!](https://nodejs.org/en/download/))
3737
* [Integrate ESLint in VSCode with the official extension](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
3838

39-
**Make sure that you've enabled all the [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) rules for your project.** They are essential and catch the most severe bugs early. The recommended [`eslint-config-react-app`](https://www.npmjs.com/package/eslint-config-react-app) preset already includes them.
39+
**Make sure that you've enabled all the [`eslint-plugin-react-hooks`](https://www.npmjs.com/package/eslint-plugin-react-hooks) rules for your project.** They are essential and catch the most severe bugs early. If you use a framework like Next.js or a build tool like Vite, these rules are often included in their default configuration.
4040

4141
### Formatting {/*formatting*/}
4242

0 commit comments

Comments
 (0)