ESLintの新しいFlat Configは、デフォルトではファイル名と拡張子が固定でeslint.config.jsしか使えない。eslint.config.mjsが使えない。 つまり、プロジェクトのpackage.jsonのtypeに依存して、中身がCommonJSかESMなのかが変わってしまう。 これは実際けっこう面倒になりそうで、自分で使う設定ファイルは共通で使い回すことになると思うけど、プロジェクトによってrequire()を使うCJS用とimportを使うESM用で書き分けないといけなくなる。 一応コマンドライン引数を使えば任意のファイル名を設定ファイルとして渡すことはできるけど、その場合は環境変数でFlat Configを有効化する必要もあるので、都度手で打つのは厳しい長々としたコマンドになってしまう。 ESLintチームは、これに関してかなり固い決意を持っているようなので覆
Angular 11のプロジェクトをCodelyzerとTSLintからESLintへマイグレーションしてみた | DevelopersIO
こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、Angular 11がリリースされました。以前からロードマップに上がっていましたが、Angularブログのリリース紹介記事でもLintingについて記載されています。 In previous versions of Angular, we’ve shipped a default implementation for linting (TSLint). Now, TSLint is deprecated by the project creators who recommend migration to ESLint. (中略) We’re deprecating the use of TSLint and Codelyzer in version 11. This means that in fut
Migrating to v8.0.0
Migrating to v8.0.0ESLint v8.0.0 is a major release of ESLint. We have made a few breaking changes in this release. This guide is intended to walk you through the breaking changes. The lists below are ordered roughly by the number of users each change is expected to affect, where the first items are expected to affect the most users. Table of ContentsBreaking changes for usersNode.js 10, 13, and 1
eslint-config-* の比較表
以下の4つの config の比較表です。 eslint:recommended eslint-config-standard eslint-config-airbnb-base eslint-config-google フレームワークを依らないルールについて比較したいので eslint-config-airbnb から React 関係の plugin を除外した eslint-config-airbnb-base を使用します。 バージョン情報 使用する各パッケージのバージョンは下記の通りです。 eslint: 7.25.0 eslint-config-standard: 16.0.2 eslint-config-airbnb-base: 14.2.1 eslint-config-google: 0.14.0 eslint-plugin-import: 2.22.1 eslint-pl
Interesting bugs caught by no-constant-binary-expression - ESLint - Pluggable JavaScript Linter
In ESLint v8.14.0 I contributed a new core rule called no-constant-binary-expression which has surprised me with the wide variety of subtle and interesting bugs it has been able to detect. In this post I’ll explain what the rule does and share some examples of real bugs it has detected in popular open source projects such as Material UI, Webpack, VS Code, and Firefox as well as a few interesting b
GitHub - AlexSergey/eslint-plugin-file-extension-in-import-ts
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - azu/eslint-plugin-typescript-compat: ESLint rule for browser compatibility of your TypeScript code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ESLint Stylistic
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - antfu/eslint-config: Anthony's ESLint config preset
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - RunDevelopment/eslint-plugin-clean-regex: An ESLint plugin for writing better regular expressions.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ESLint v8.0.0-beta.0 released - ESLint - Pluggable JavaScript Linter
Highlights Most of the highlights of this release are breaking changes, and are discussed further in the migration guide. In addition, there are some new features: The default parser now supports ES2022 syntax, including class fields and top-level await. Some rules still need to be updated, and you can follow progress on the tracking issue. Autofix gained support for removing unused disable direct
GitHub - eslint-functional/eslint-plugin-functional: ESLint rules to disable mutation and promote fp in JavaScript and TypeScript.
The following rulesets are made available by this plugin. Presets: Strict (configs.strict) Enforce recommended rules designed to strictly enforce functional programming. Recommended (configs.recommended) Has the same goal as the strict preset but a little more lenient, allowing for functional-like coding styles and nicer integration with non-functional 3rd-party libraries. Lite (configs.lite) Good
GitHub - tailwindlabs/prettier-plugin-tailwindcss: A Prettier plugin for Tailwind CSS that automatically sorts classes based on our recommended class order.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Changes to the `recommended` sets for 5.0.0 · Issue #3746 · typescript-eslint/typescript-eslint
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Intro As I progress as a developer, I’ve tried to embrace code formatting tools more and more frequently. That hasn’t stopped my frustrations with them however, and I wanted to provide a short example from a very recent frustrating day that reminded me of their limitations. The Issue I had an existing codebase that was poorly formatted (🙃), so I was planning on using ESLint + Prettier (common com
既存プロジェクトを TypeScript に移行する際の ESLint の対応 - 30歳からのプログラミング
JavaScript で書いていたプロジェクトを TypeScript に移行する場合、アノテーションの追加やビルドの設定の他、ESLint の対応も必要になる。 この記事では、TypeScript に移行した後も引き続き ESLint を使えるようにするための手順を書いていく。 方針として、ESLint のルールは既存のものをそのまま引き継ぎ、TypeScript 用のルールは採り入れない。まずは移行を完了させてから必要に応じて適宜ルールを追加していく、という考え方。 前提 eslint-config-airbnbを使用しており、.eslintrcが以下の状態になっていると仮定する。 { "extends": "airbnb" } パーサーの設定 デフォルトのパーサーでは TypeScript の記法をパースできないので、@typescript-eslint/parserをパーサーとして
I am working with create-react-app + typescript + eslint application and during build have such error: Line 1:8: 'React' was used before it was defined @typescript-eslint/no-use-before-define Code in my component starts with: import React from "react"; Eslint settings: module.exports = { parser: "@typescript-eslint/parser", parserOptions: { ecmaVersion: 2020, sourceType: "module", ecmaFeatures: {
仕組みと嬉しさから理解するeslint FlatConfig対応
重い腰を上げて FlatConfig 対応をした ESLint が新しい設定形式として FlatConfig を導入してから随分と経ち、最新バージョンの v9 では FlatConfig がデフォルトになりました。一方で利用者の多い plugin でもなかなか対応が進まず、周りでは思ったよりも FlatConfig への移行が進んでいない印象を受けます。 とはいえ次のバージョンである v10 では FlatConfig しかサポートしないことが予定されており、今まで移行を見送ってきた方も「さすがにそろそろ移行するか...」と思っているのではないでしょうか。自身の所属チームで管理している ESLint の rule セット : @cybozu/eslint-config でも遅ればせながら FlatConfig 対応を進めています。（現在はアルファ版で提供中です） そんな @cybozu/e
GitHub - vue-a11y/eslint-plugin-vuejs-accessibility: An eslint plugin for checking Vue.js files for accessibility
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
React TypeScript ESLint Prettier VSCode のプロジェクト作成
はじめにReact TypeScript ESLint Prettier VSCode(Visual Studio Code) の組み合わせで、プロジェクトを作成し、リンター、コードフォーマッター環境を構築しました。 何番煎じだよっ！とは思いますが、create-react-app のソースコードを基準に調整していくやり方で、いきなり結論を出さず、一個一個確認しながら進めて行きます。（急ぐ場合、手順まとめ に飛んでください。） 【検証環境】 Windows 10 Pro x64 Visual Studio Code 1.69.0 Raspberry Pi Desktop OS(Linux raspberry 4.19.0-13-amd64) node 14.16.0 npm 6.14.11 create-react-app 5.0.1 eslint 8.19.0 prettier 2.7.
GitHub - steadicat/eslint-plugin-react-memo: memo/useMemo/useCallback all the things!
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Hi! My name’s Hayden. I’m a designer and developer and, until recently, I ran a little agency called Jellypepper. We were fortunate enough to work with the ESLint team on their new brand and website. I’m a huge fan of ESLint and use it every day, even going to the effort of writing my own 600-line ESLint config to use across all my React, Next.js and Expo projects. Nicholas originally reached out
タイトルの通りの環境を作成する。 開発環境は【VSCode】を想定。拡張機能を使用することを前提とする。 最終的な成果物を確認したい方はこちら
feat: create eslint-community GitHub organization by MichaelDeBoey · Pull Request #91 · eslint/rfcs
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - lirantal/eslint-plugin-anti-trojan-source: ESLint plugin to detect and stop Trojan Source attacks
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - cypress-io/eslint-plugin-cypress: An ESLint plugin for projects that use Cypress
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - graphql-hive/graphql-eslint: ESLint parser, plugin, and rule set for GraphQL (for schema and operations). Easily customizable with custom rules. Integrates with IDEs and modern GraphQL tools.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ESLintカスタムルールの作り方
はじめに こんにちは！Cordeliaです。今回はESLintのカスタムルールの作り方についてご紹介します。プロジェクトのローカルパッケージとして作成し、それをプラグインとしてESLintに認識させる方法を取ります。参考になれば嬉しいです。 注意点 ESLintの詳細は説明しません。 TypeScriptは使いません。 ゴール プロジェクトを作り、その中でESLintに警告を出してもらいます。 以下のコードにおいてbadという文字列リテラルが定義されていたら警告を出す簡単なルールを作成します。
ESLintの設定をしたAngular 11のプロジェクトでVS CodeのExtension「ESLint」を使ってみた | DevelopersIO
ESLintの設定をしたAngular 11のプロジェクトでVS CodeのExtension「ESLint」を使ってみた こんにちは！DA(データアナリティクス)事業本部 インテグレーション部の大高です。 先日、Angular 11のプロジェクトをTSLintからESLintへとマイグレーションをしてみました。 その際に、普段利用しているエディタのVS CodeにExtension「ESLint」の設定も行ってみましたので、設定について書いていきたいと思います。 Extension「ESLint」の導入 これは特に問題ないかと思います。拡張機能メニューからdbaeumer.vscode-eslintで検索し、ESLintを「インストール」します。 ESLintを利用しているAngular 11のプロジェクトで試してみる では、ESLintを利用しているAngular 11のプロジェクトで
Release v6.16.0 · typescript-eslint/typescript-eslint
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
How to set up TypeScript/ESLint/Prettier for Next/Gatsby
Update: Since many devs are facing the same problems I created a nextjs starter template with everything configured (and some): https://nextjs-advanced-starter.vercel.app/ This tutorial assumes you’re using Visual Studio Code (as you definitely should). Setting up TypeScript with ESLint and Prettier is always a pain, there are tons of tutorials but none of them seem to work on their own and you al
eslint-plugin-react をアップデートしたら、 emotion 関係のエラーが多発した件 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ESLint rules for migrating projects from CommonJS to ESM
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
【Typescript】baseUrlでの絶対パスインポートが「import/no-unresolved」で怒られる場合の対応 - Qiita
【Typescript】baseUrlでの絶対パスインポートが「import/no-unresolved」で怒られる場合の対応TypeScriptESLint Typescriptではtsconfig.jsonのbaseUrlを指定すれば絶対パスでインポートができる。 しかし、eslintのimport/no-unresolvedルールに怒られてしまったので、そのときの対応を記載する。 1. eslint-import-resolver-typescriptをインストールする tsのインポート問題を解決してくれるライブラリらしい。
Intent to stop using `null` in my JS code · sindresorhus/meta · Discussion #7
I intend to stop using null in my code, in favor of undefined. There are many reasons for doing so. Feedback wanted Tweet: https://twitter.com/sindresorhus/status/1114894287387258886 Background http://2ality.com/2013/05/history-undefined.html Reasons From experience, most developers use null and undefined inconsistently and interchangeably, and few know when to use which. Supporting both null and
GitHub - es-tooling/eslint-plugin-depend: An ESLint plugin for suggesting optimisations in choice of dependency, native equivalents, etc.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Highlights Reporting unused /* eslint */ config comments This release introduces a new config option linterOptions.reportUnusedInlineConfigs and corresponding CLI option --report-unused-inline-configs. When this option is set to "warn" or "error", ESLint will report inline rule configuration comments whose severity and options match what’s already been configured for the same rule. // eslint.confi
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ESLint Flat Config を ESM (.mjs) で書く
ESLint簡単導入 × VSCode - Qiita
Prettier Function Parenthesis Spacing - Opinionated is Key
'React' was used before it was defined
How to disable ESLint for some lines, files or folders
Redesigning ESLint - ESLint - Pluggable JavaScript Linter
Nuxt 3 + Tailwind + ESLint + Prettierの環境を作成する
ESLint v9.19.0 released - ESLint - Pluggable JavaScript Linter
TypeScript 5: importsNotUsedAsValues replaced by ESLint consistent-type-imports | johnnyreilly
