Asiones Jiaasiones.hashnode.dev·Dec 18, 2024Eslint warning Classname 'xxx' is not a Tailwind CSS class! tailwindcss/no-custom-classname when using shadcn/uiHow to fix it Just add a rule in lint file. // .eslintrc "rules": { /** ... **/ "tailwindcss/no-custom-classname": "off" }, Why do this? https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14...shadcn ui
Andrea Pontrandolfosheriff-config.hashnode.dev·Dec 10, 2024Sheriff v25 Release announcement: full v9 compatibility achieved internallySheriff (Github | Website) just got updated to v25. Read the original blogpost! What is Sheriff? Sheriff is a Typescript-first ESlint configuration, with many added bells and whistles for an improved DX. What does this new release includes? If you’ve...JavaScript
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...eslint
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...32 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...Prettier
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...ReactJS 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 ...78 readsNuxt
BLUE💙nerdscript.hashnode.dev·Oct 13, 2024ESLint, Prettier を段階的に導入する - WIPESLint, Prettier を最小限の構成かつ段階的に導入することで理解を深めるためにメモ✍ この記事では、以下のステップで進めていきます。 シングルクォートを必須にする セミコロンを必須にして、タブサイズを 2 に指定する 前提知識 ESLint: コードの静的解析を行って、エラーや警告を検出する Linter と呼ばれるツール Prettier コードのスタイルを自動で整形するツール Formatter と呼ばれるツール 両者の役割を理解したうえで、併用...eslint
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...Frontend 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...41 readsFrontend OdysseyNext.js
