How to Set Up ESLint in 2024 (For Beginners)

[@thecommoncoder]

What else would you like to learn about ESLint? Let me know! 👇

[@olabanjoolakunori5151]

Formatting imports and using the plugins that helop do that. Great video btw

[@thecommoncoder]

@olabanjoolakunori5151 I'm working on a video about prettier right now, and then I'll follow that one up with a video about using ESLint and Prettier together to do some auto formatting. Thanks for watching!

[@olabanjoolakunori5151]

@@thecommoncoder That's superb, thank you🙏🏾

[@tuki.lopeza]

clear and concise!! thank you very much

[@thecommoncoder]

@@tuki.lopeza You’re welcome! Glad it was helpful. 😊

[@theVegan47]

Great video! Thank you for this straight to the point video with useful tips. I was confused by older videos and even chatGPT trying to help me set this up as they refer to older versions and file types. Subbed!

[@thecommoncoder]

Thank you! Glad it was helpful. 😊

[@Ahmed.Hadjou]

Awesome tutorial! keep up the great work!

[@thecommoncoder]

Thanks! Glad it was helpful. 🙏

[@LemmaGetiye]

Thanks a lot u saved the day. Thank you sir.

[@thecommoncoder]

Glad it was helpful! Thank you for watching. 🙏

[@LemmaGetiye]

can u show us how to configure it using .eslintrc.json. Thank you

[@sergiocely10-dev]

Thank you for the video, it was very helpful.

[@thecommoncoder]

Happy to help!

[@AndreiGeorgescu-j9p]

Thank you for the video but in practice it is significant more complicated. First of all you have to enable flat config in vscode to prevent issues (many many things are broken in general in the ecosystem because of this), you need to combine it with typescript since most people use that as well as a number of other extremely common plugins and it leads to 10+ dependencies installed an a very different looking config file. That's not even mentioning framework integrations like astro or mega linters like Trunk

[@thecommoncoder]

@@AndreiGeorgescu-j9p Definitely agree that most setups are usually more complicated than this. A lot of the JavaScript ecosystem is needlessly complicated IMO, so I’m mainly trying to break down some of the individual pieces in simple ways to help people understand the fundamentals. Thanks for the feedback! 🙏

[@AndreiGeorgescu-j9p]

@@thecommoncoder it is because js isn't an intelligently designed language and is very imperative so it needs all of its faults made up for. In haskell or purescript you barely need any tooling because the language is inherently solid. With that being said a video on typescript integration with eslint would be fairly helpful. Particularly strict typing

[@StephenRayner]

Biome………………………….

[@thecommoncoder]

I haven’t had a chance to use Biome yet, but I’m going to check it out and will probably make a video on it. StandardJS is another good option too if you want something that’s just plug and play. Thanks for the comment! 🙏