Shikhar Shuklashikhar99.hashnode.dev·Nov 9, 2024Modern ESLint Configuration in React: Managing Prop Types and Unused Variables WarningsWhen working on React projects, ESLint is an invaluable tool for enforcing code quality. But sometimes, the default rules may not align with the specific needs of your project. In this article, we’ll explore how to configure ESLint for React applicat...Discuss·31 readseslint
Ayushman Sachansachan-ayushman.hashnode.dev·Jul 26, 2024The First Step to Clean Code - using a linterHave you ever come across code that looked like this? And wished that you hadn’t decided to become a Software Developer? Well, that’s what happens when you work on a project where no one bothers to setup basic development tools like a linter. So let...Discuss·12 likes·460 readsReact
Namit Singh Nirwanvpnwan.hashnode.dev·May 21, 2024How to Remove Eslint Errors in Nextjs1. Open Nextjs Project 2. Find next.config.mjs 3. Add the Following Code in You're next.config /** @type {import('next').NextConfig} */ const nextConfig = { eslint: { ignoreDuringBuilds: true, }, }; export default nextConfig; E...Discusseslint config
Nik Dergunovnikd.hashnode.dev·Jan 7, 20243 Key Steps to Make Your TypeScript code saferIntroduction TypeScript can help greatly improve the development and maintenance of large projects. However, there are some problems that it does not address out of the box. For example, the any type can sneak into a project from various sources, suc...Discuss·62 readsTypeScript
Gabriele Buffolinobite-sized.hashnode.dev·Dec 22, 2023Custom ESLint rules #5/5: use our pluginIn the previous bite, we crafted our plugin and we are ready to save your teammates from earing pineapple pizza! Here's how you can activate the rule in your project. Use our custom ESLint plugin Install your plugin along with eslint in your app pack...DiscussHow to create a custom ESLint pluginJavaScript
Gabriele Buffolinobite-sized.hashnode.dev·Dec 15, 2023Custom ESLint rules #4/5: how to test custom rulesNo pineapple pizza must be allowed in our code. That is why, in the previous bite, we created a custom ESLint plugin with a dedicated rule to forbid it. It's now time to test it! Create ESLint plugin unit tests Install eslint as devDependency and cre...DiscussHow to create a custom ESLint pluginJavaScript
Gabriele Buffolinobite-sized.hashnode.dev·Dec 8, 2023Custom ESLint rules #3/5: creating a new ruleTo save our teammates from eating pineapple pizza, we decided to create a custom ESLint plugin with a dedicated rule. In the previous bite, we set up a sample monorepo and now it's time to create our rule! How to write a custom ESLint rule At this po...DiscussHow to create a custom ESLint pluginJavaScript
Gabriele Buffolinobite-sized.hashnode.dev·Nov 30, 2023Custom ESLint rules #2/5: setup a sample projectOur beloved teammates want to eat pineapple pizza! It's illegal! In the previous bite, we decided what to do to save them. Now we are going to discuss how to do it. ESLint plugins ESLint allows custom ruleset definitions using plugins. Like any other...DiscussHow to create a custom ESLint pluginJavaScript
Gabriele Buffolinobite-sized.hashnode.dev·Nov 23, 2023Custom ESLint rules #1/5: introductionYou have your amazing project and you are working with an awesome team of people from all over the world. Everything's going great! Until one day you get an MR/PR from a colleague, you open it and... const yummyPizza = eatPizzaWithPineapple() "Oh no...Discuss·46 readsHow to create a custom ESLint pluginJavaScript