styled-components の変数名の命名を縛る ESLint Plugin を作った - Qiita
メリークリスマス。 この記事は、第二のドワンゴ Advent Calendar 2019 の25日目の記事です。 内定者アルバイトのまっきーです。 ドワンゴ第一アドベントで ポエム を書いたので今度は技術的な話をしようと思います。 ずばり styled-components の変数名の命名を縛る ESLint Plugin を作ったので紹介します。 (仕事関係ありません) 概要 その名も eslint-plugin-styled-components-varname 。 簡単に言うと、デフォルトの設定でこんな感じです。 良いとされるコード const _TitleDiv = styled.div` height: 32px; ` const $FooComponent = styled(FooComponent)` display: flex; `
Hooks FAQ – React
These docs are old and won’t be updated. Go to react.dev for the new React docs. The new documentation pages teaches React with Hooks. Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. This page answers some of the frequently asked questions about Hooks. Adoption Strategy Which versions of React include Hooks? Do I need to rewrite all
ESLint v4.12.0 - Qiita
前 v4.11.0 | 次 v4.13.0 ESLint v4.12.0 has been released: https://t.co/67WAJTVfdr — ESLint (@geteslint) November 26, 2017 ESLint 4.12.0 がリリースされました。 小さな機能追加とバグ修正が行われています。 質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポート チャット 🏢 本家リポジトリ 👫 本家サポート チャット 🚀 本体への機能追加 #9321: Linter.prototype.defineParser が追加された ツール開発者向け。 Node.js API の Linter クラスに defineParser メソッドが追加されました。 const eslint = re
Rules Reference - ESLint - Pluggable JavaScript Linter
Selecting a version will take you to the chosen version of the ESLint docs.
JS(React)でコード整形 (ESlint+Prettier) - Qiita
いろいろ調べてて疲れたので、とりあえず結論だけまとめる 方針 色々あるけど、以下の方針が良さそう。 いけてる整形ツールのPrettierでコードフォーマットをしつつ、構文チェックもしたいのでES Lint内でチェックする cf. Prettier 入門 ～ESLintとの違いを理解して併用する～ - Qiita VSCodeでも実行できるようにする 入れるものは以下 ES Lint (lintツール) https://github.com/eslint/eslint Prettier (コード整形ツール) https://github.com/prettier/prettier ES Lintのコード整形ルールを全て無効にする https://github.com/prettier/eslint-config-prettier PrettierをES Lint内で実行できるようにする ht
Babelとの併用を止めてTypeScriptビルド一本化へ
Babelとの併用を止めてTypeScriptビルド一本化へ 最近は社内で Web おじさん業をやる傍ら、プロジェクトコードなども少し触っている。最近では FRESH! でアレコレしていて、クライアントサイドとサーバーサイドの改善もやったり。 FRESH! Web パフォーマンス改善 〜クライアントサイド編〜 | CyberAgent Developers Blog FRESH! Web パフォーマンス改善 〜サーバサイド編〜 | CyberAgent Developers Blog ふたつ👆ともよくまとまっているので、未読の人は是非読んでください。 あとは開発環境周りもコツコツ直していたりする。Web クライアントの構成要素 - Client Side of █████fresh.tv で触れられている通り、TypeScript と Babel の多段ビルドで運用していた。型を使いたい
no-param-reassign - ESLint - Pluggable JavaScript Linter
Assignment to variables declared as function parameters can be misleading and lead to confusing behavior, as modifying function parameters will also mutate the arguments object when not in strict mode (see When Not To Use It below). Often, assignment to function parameters is unintended and indicative of a mistake or programmer error. This rule can be also configured to fail when function paramete
Share Configurations - ESLint - Pluggable JavaScript Linter
To share your ESLint configuration, create a shareable config. You can publish your shareable config on npm so that others can download and use it in their ESLint projects. This page explains how to create and publish a shareable config. Creating a Shareable Config Shareable configs are simply npm packages that export a configuration object. To start, create a Node.js module like you normally woul
ESLint v4.0.0 の変更点まとめ - Qiita
前 v3.19.0 | 次 v4.1.0 We're excited to announce that ESLint v4.0.0 has been released! https://t.co/sLe0kCwfMA — ESLint (@geteslint) 2017年6月12日 ESLint 4.0.0 がリリースされました! 主にはインデント ルールの改定、公開 API のクラス化、コメント関連の API 変更などです。エンドユーザー向けには特にインデント ルールの改定の影響が大きいでしょう。それ以外は見えないところが変わった感じだと思います。 Release note: 4.0.0-alpha.0 Release note: 4.0.0-alpha.1 Release note: 4.0.0-alpha.2 Release note: 4.0.0-beta.0 Release no
Migrating to v4.0.0
Migrating to v4.0.0ESLint v4.0.0 is the fourth major version release. We have made several breaking changes in this release; however, we expect that most of the changes will only affect a very small percentage of users. This guide is intended to walk you through the changes. The lists below are ordered roughly by the number of users each change is expected to affect, where the first items are expe
prettierの使い方 - Qiita
ということで、JavaScriptのフォーマッタのprettierの紹介です。 React Confで紹介されてたものを色々試してみようと思って、まずはprettierを試してみました。 追記 2017/4/14: Prettier1.0(とMinor fixあてた1.1.0)が出ました。本記事の内容は1.0でもそのまま問題なく適用できました。 2019/7/7: prettier-eslintよりもeslint-plugin-prettierを使ったほうが良さそうです prettierとは JavaScriptのコードを整形してくれるフォーマッタ。他言語で言うとGolangのgofmtみたいなもの。 他のフォーマッタと比べて設定項目が少ないので開発者間で迷いなく共通のスタイルで統一される。 まだベータ。 1月にリリースされてから2ヶ月ちょっとでスター数6000超え。例えばeslintは3
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - cartant/eslint-plugin-rxjs: ESLint rules for RxJS
https://github.com/jfmengels/eslint-plugin-fp/blob/master/docs/rules/no-class.md
GitHub - jhusain/eslint-plugin-immutable: ESLint plugin to disable all mutation in JavaScript.
GitHub - standard/eslint-config-standard-react: ESLint Shareable Config for React/JSX support in JavaScript Standard Style
GitHub - mysticatea/eslint-plugin-eslint-comments: Additional ESLint rules for directive comments of ESLint.
GitHub - react-native-community/eslint-plugin-react-native-globals: ESLint Environment for React Native
Initial Emacs Setup for React/ReactNative
GitHub - peterkhayes/eslint-plugin-mutation: ESLint plugin to guard against unexpected mutations of objects in javascript
JSのコードの自動整形に Prettier が便利だったので、�eslint とAtomから使えるように設定した - Qiita
