atomic dev toolとは何ですか？

atomic dev toolはkaizenatomicによって開発されたChromeの拡張機能で、その主な機能は「A Chrome extension that helps debug atomic state management.」です。

拡張機能のスクリーンショット

atomic dev tool拡張機能のCRXファイルをダウンロード

atomic dev tool拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Atomic is an open source Google Chrome developer tool designed for applications built using Jotai as a state management library. Atomic developer tool provides real-time snapshots of a Jotai application's atomic state and component structure allowing developers to visually inspect their application state and a readily to determine development solutions.

Key features of Atomic devtool include:

- Display state changes between snapshots
- Display component tree structure
- Dynamically rendering graphic component visualization with state changes
- Atom network data visualization for both atom dependents and atom read dependencies

拡張機能の基本情報

名前	atomic dev tool
ID	nnchkolpjdpkpbolophmdkglenapodbo
公式URL	https://chromewebstore.google.com/detail/atomic-dev-tool/nnchkolpjdpkpbolophmdkglenapodbo
説明	A Chrome extension that helps debug atomic state management.
ファイルサイズ	1.13 MB
インストール数	209
現在のバージョン	1.0.0
最終更新日	2021-04-22
公開日	2021-04-22
評価	3.67/5 合計 3 レビュー
開発者	kaizenatomic
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://www.atomictool.dev/
ヘルプページのURL	https://www.npmjs.com/package/atomic-devtools
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "atomic dev tool", "version": "1.0.0", "devtools_page": "devtools.html", "description": "A Chrome extension that helps debug atomic state management.", "manifest_version": 2, "content_security_policy": "script-src 'self' 'unsafe-eval' ; object-src 'self'", "web_accessible_resources": [ "bundles\/backend.bundle.js" ], "background": { "scripts": [ "bundles\/background.bundle.js" ], "persistent": false }, "content_scripts": [ { "matches": [ "" ], "js": [ "bundles\/content.bundle.js" ], "run_at": "document_start", "all_frames": true } ] }