React開発を快適にするChrome拡張を公開したので見てください！
React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか
ESLint と Prettier の共存設定とその根拠について
注意 この記事は 2020 年 09 月 24 日現在、古い情報となりました。 eslint-plugin-prettier の利用は非推奨であると公式がアナウンスを出しています。 そのことについては Prettier と ESLint の組み合わせの公式推奨が変わった にてまとめましたので、こちらもご覧ください。 また eslint-plugin-prettier は公式推奨ではなくなりましたが、それは Editor などの外部環境の進化によるものでこのプラグイン自体に何か問題が起きたわけではありません。 そして eslint-plugin-prettier を利用した設定方法、特に eslint-plugin-prettier と eslint-config-prettier が何を解決していたかを知らないと、prettier-eslint が何をどう解決したかを理解できないはずなので
VSCodeで爆速コーディング環境を構築する(主にReactJS向け設定) - Qiita
{ // 変数 "const": { "prefix": "c", "body": [ "const $1" ], "description": "定数" }, "let": { "prefix": "l", "body": [ "let $1" ], "description": "変数" }, "var": { "prefix": "v", "body": [ "var $1" ], "description": "変数" }, // デバッグ "console.log": { "prefix": "cl", "body": [ "console.log(${1:val})" ], "description": "console.log" }, "console.dir": { "prefix": "cd", "body": [ "console.dir(${1:obj})" ], "
emacsのReactの開発をrjsx-modeで行う – joppot
English 日本語 概要 みなさんこんにちはcandleです。 今回はemacsのreact開発用のメージャーモードのrjsx-modeを導入してみたいと思います。 Reactの開発はこれまで、web-modeまたはjs2-modeのjs2-jsx-modeを使うなどの方法がemacsユーザー間で試行錯誤されてきました。 私も、rjsx-modeの前はjs2-jsx-modeを使っていました。 rjsx-modeはjs2-modeを拡張したものなので、js2-modeの方も違和感なく使えるでしょう。 rjsx-modeはJSXの補完があったり便利です。 前提 emacsがある melpaまたはel-getの環境がある rjsx-modeのインストール rjsx-modeのインストールはmelpaかel-getでできます。 私はel-getを使っていますが、どちらも簡単に説明します。 m
Electron + React.js でちょっとした Markdown Viewer を作成して少し知見が溜まったので宣伝とハマりどころなどまとめた (Electron編) - Qiita
Electron + React.js でちょっとした Markdown Viewer を作成して少し知見が溜まったので宣伝とハマりどころなどまとめた (Electron編)JavaScriptgulpElectron 色々ネタがあるので分けて作成していきます。今回は Electron 編です。 前回は gulpfile でのポイントを以下で紹介しています。 * Electron + React.js でちょっとした Markdown Viewer を作成して少し知見が溜まったので宣伝とハマりどころなどまとめた (gulpfile編) よろしければこちらも見ていただけると幸いです。 再び宣伝するのは、くどい気もしたのですが 前回の記事を見ていない人のほうが圧倒的に多いと思いますので再び少し宣伝。 作成したもの markcat Electron製の Markdown Viewer 機能的な特
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The React Bootcamp
VSCode + ESLint + Prettier + React + TypeScript （自分用メモ Fall, 2020） - Qiita
GitHub - felipeochoa/rjsx-mode: A JSX major mode for Emacs
Deco - React Native IDE