Announcing typescript-eslint v6 | typescript-eslint
typescript-eslint is the tooling that enables standard JavaScript tools such as ESLint and Prettier to support TypeScript code. We've been working on a set of breaking changes and general features that we're excited to get in released! 🎉 We'd previously blogged about v6 in Announcing typescript-eslint v6 Beta. This blog post contains much of the same information as that one, but updated for chang
Reactを使ったモダンなフロントエンド開発の環境構築 - Qiita
はじめに Reactを中心としたフロントエンド開発において、以下のような構成を見かけることが多いと思います。 UIライブラリとしてReact 型のある言語としてTypeScript スタイル定義としてstyled-components コンポーネントの開発環境としてStorybook LinterとしてESLint FormatterとしてPrettier この記事では、各種ライブラリについて紹介したのち、それらを使う場合の環境構築についてハンズオン形式で説明します。 ※ アプリケーションを開発する際に必要になる設定が抜けていたので、追記しました。 各種ライブラリの紹介 まず、各ライブラリがどのようなものなのかを簡単に紹介します。 ライブラリの使い方などは公式ドキュメントなどを参照するようにしてください。 ドキュメント ReactはUI(ボタンやフォームなど)コンポーネントを作成するための
React + TypeScriptのESLintルールをカスタマイズしたり、Airbnbのやつを導入するぞ。 | Ginpen.com
何もしないでそのままでも十分かもしれない。 先にまとめ 最近の react-scripts は ESLint を含んでいるので別途インストール不要 設定は .eslintrc.js を作成して extends: ['react-app'] する Airbnb のルール設定を使う場合はもうちょい頑張る 元々 create-react-app してない場合も同じ Airbnb ルール利用時の手順概要 ESLint 初期化 ESLint の設定を更新 コードを recommended な状態へ対応 想定環境 Node.js v10.16 react-scripts v3.1 TypeScript v3.5 ESLint v6.1 @typescript-eslint/eslint-plugin v1.13 React アプリの準備 create-react-app でテンプレートから作成します。
Using ESLint and Prettier in a TypeScript Project
Using ESLint and Prettier in a TypeScript Projectpublished on February 10, 2019 When it comes to linting TypeScript code, there are two major linting options to choose from: TSLint and ESLint. TSLint is a linter that can only be used for TypeScript, while ESLint supports both JavaScript and TypeScript. In the TypeScript 2019 Roadmap, the TypeScript core team explains that ESLint has a more perform
vscode上でtypescriptのeslintを有効にする - Qiita
VSCode の Eslint プラグインはデフォルトの状態だと.js,.jsxファイルにしか反応しない。 いざtypescriptを導入すると、cli上ではうまく動くが、エディタ上で赤く表示されないのでどこにエラーが起きているかがわかりにくい。 なので、eslintの設定で.ts,.tsxも表示してくれる様に設定を変更する必要がある。 以下の設定をVSCodeの設定に追加する。 { "eslint.validate": [ "javascript", "javascriptreact", { "language": "typescript", "autoFix": true }, { "language": "typescriptreact", "autoFix": true } ] } デフォルトでは ["javascript","javascriptreact"]となっている。 ty
@typescript-eslint ことはじめ - teppeis blog
追記: 2019/05/01 最近の@typescript-eslint/eslint-plugin, Prettierのアップデートによって、正式にTypeScript 3.4対応されました。一通り普通に動いてる感じ。 これまで自分で使っていて問題になったのがパフォーマンス。ESLint単体やTSLintに比べて、プロジェクトによるだろうけど2倍以上遅い。体感で結構辛い。 Poor performance on some projects · Issue #389 · typescript-eslint/typescript-eslint これはTypeScriptのパーサーを通す部分の構造上の問題が原因なので、簡単には直せなそうな気配。 とりあえず、個人的には型を必要とするルールにそこまでの価値を感じていないので、該当ルールを無効にしてparserOptions > projectを削
https://github.com/typescript-eslint/typescript-eslint/blob/master/packages/eslint-plugin/ROADMAP.md
Configuring ESLint on a TypeScript project - Jack Franklin
January 28, 2019Configuring ESLint on a TypeScript projectWhenever I've used TypeScript in the past, I've set up TSLint as my linting tool of choice. However, I've always wished I could use ESLint instead, for a few reasons: I am more familiar with ESLint, and I know its rules better and have my preferred set of plugins.All the JS projects I work on use ESLint, so having all my projects use the sa
TypeScript on ESLint の未来 - Qiita
The future of TypeScript on ESLint:https://t.co/PTCWKWN22s — ESLint (@geteslint) January 18, 2019 ESLint の TypeScript サポートの今後について、公式にアナウンスがありました。 要点をまとめると、 TypeScript チームが TSLint から ESLint に切り替えていくと発表したよ。 ESLint チームと TypeScript チームが協力して開発を進める場として、typescript-eslint プロジェクトを開始したよ。 既存の部品は新しいプロジェクトの org に移動するよ (typescript-eslint-parser は @typescript-eslint/parser になる、等)。 という感じです。 以下は公式アナウンスの翻訳です。 数週間前、
The future of TypeScript on ESLint - ESLint - Pluggable JavaScript Linter
A couple of weeks ago, the TypeScript team shared their roadmap in which they described formally adopting ESLint in their repo and working to improve TypeScript compatibility for ESLint: Linting Semantic rules in ESLint Parity with TSLint Speed & scalability Editor integration for ESLint In a survey we ran in VS Code a few months back, the most frequent theme we heard from users was that the linti
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Changes to the `recommended` sets for 5.0.0 · Issue #3746 · typescript-eslint/typescript-eslint
Release v3.0.0-alpha.23 · typescript-eslint/typescript-eslint
ESLintで始めるTypeScriptの静的解析
2.0.0 Breaking Changes · Issue #501 · typescript-eslint/typescript-eslint
Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint'
autoFixOnSave doesn't work for TypeScript · Issue #284 · microsoft/vscode-eslint
typescript-eslint/packages/eslint-plugin/ROADMAP.md at ecc96318f47d821c19513652f262b47b15fd8257 · typescript-eslint/typescript-eslint
typescript-eslint/packages/eslint-plugin/src/configs/recommended.json at ecc96318f47d821c19513652f262b47b15fd8257 · typescript-eslint/typescript-eslint
GitHub - typescript-eslint/typescript-eslint: :sparkles: Monorepo for all the tooling which enables ESLint to support TypeScript