Atharva Mulgundatharvamulgund.hashnode.dev·Nov 15, 2024Biome.js: A Promising Alternative to ESLint?When it comes to JavaScript and TypeScript development, tools like ESLint have long been the standard for linting, ensuring code quality, and enforcing best practices. However, the JavaScript ecosystem is evolving, and new tools are challenging the s...Discusseslint
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·30 readseslint
Aliyu Gambo Aliyuthinktwice-1673249277982.hashnode.dev·Nov 6, 2024A Developer's Journey: Fixing Prettier and ESLint Issues in a Collaborative Backend Development EnvironmentAs a volunteer backend developer at Recreax, I've had the opportunity to work on real-world projects, learn new technologies, and encounter challenges that have shaped my problem-solving abilities. One memorable experience occurred while collaboratin...DiscussPrettier
Amar Jondhalekarcoffeewithamar.hashnode.dev·Nov 2, 2024Building an Event-Handling Form with React: A Simple Guide for BeginnersIntroduction Event handling is a core concept in React that allows us to interact with users. This tutorial will walk you through creating a basic React application that manages various event types like form submissions, button clicks, and text input...DiscussReactJS Evolution: Learn from the Ground UpReact
Ojochogwu Dicksonod.hashnode.dev·Nov 1, 2024How to configure ESlint and Prettier in your Nuxt 3 project.In modern code writing practice, ensuring your code is modular has two core foundations; code structure and code organization. While developers may usually not pay attention to this when writing, Eslint serves as a watcher to always give you hint on ...DiscussNuxt
BLUE💙nerdscript.hashnode.dev·Oct 13, 2024ESLint, Prettier を段階的に導入する - WIPESLint, Prettier を最小限の構成かつ段階的に導入することで理解を深めるためにメモ✍ この記事では、以下のステップで進めていきます。 シングルクォートを必須にする セミコロンを必須にして、タブサイズを 2 に指定する 前提知識 ESLint: コードの静的解析を行って、エラーや警告を検出する Linter と呼ばれるツール Prettier コードのスタイルを自動で整形するツール Formatter と呼ばれるツール 両者の役割を理解したうえで、併用...Discusseslint
J.A. Shezanjashezan.hashnode.dev·Oct 8, 2024Boost Your Next.js Productivity: A Comprehensive Guide to Setting Up Next.js with ESLint, Prettier, Husky, and Lint-StagedTools Before we move forward, let's take a quick refresher on what we will be exploring here. TypeScript Typescript is a programming language that serves as a syntactic extension of Javascript by introducing types and type safety capabilities. Eslint...DiscussFrontend OdysseyNext.js
J.A. Shezanjashezan.hashnode.dev·Oct 7, 2024Configure ESLint, Prettier, Husky, lint-staged Properly for Next.jsIf you choosed TypeScript and ESLint during Next.js CLI, then this article is for you to setup Prettier, Husky, lint-staged properly to proceed ahead and great project structure. If you work with other developer or want to maintain the project in fut...Discuss·26 readsFrontend OdysseyNext.js
Abhinandan Vermaabhi551.hashnode.dev·Oct 5, 2024Build Pro-level Apps with EslintSupercharge Your Next.js Project with ESLint: Complete Guide to Cleaner, Faster, and More Reliable Code Eslint is a common tool used in TypeScript applications to line up and show you the possible errors in your codebase. In the scope of Next.js, it ...Discuss·1 like·79 readsNext.js
Parveen Kumarparveenpal.hashnode.dev·Oct 2, 2024Setup a pre-commit hook with EsLint and prettier with husky in Javascript/TypescriptEslint is a tool for identifying and fixing bugs in javascript code. When working in a team, it ensures that all team member adhere to set of rules or guidelines, catching errors before code is committed. For example, you can define rule for single q...Discussjavascript linting
