XState Ninja là gì?

XState Ninja là một tiện ích mở rộng Chrome được phát triển bởi rlaffers, và tính năng chính của nó là "A powerful devtool for XState state machines".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng XState Ninja

Tải xuống các tệp mở rộng XState Ninja dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

XState Ninja is a devtool panel for tracking state machines implemented with the XState library. It provides a better developer experience than the widely used Redux devtools extension for monitoring state machines. XState Ninja is more ergonomic and removes common pain points experienced with Redux devtools:

👉 more than one machine can be tracked at once in multiple swimlanes
👉 machine state is clearly visible (including parallel states)
👉 no events are missed regardless of when the devtool was opened
👉 side effects (invoked services and actions) are clearly visible
👉 all invoked or spawned actors are monitored, including invoked/spawned callbacks and promises
👉 dead actors are clearly marked (💀) so there is no confusion if multiple machines of the same ID are started

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	XState Ninja
ID	cogeldipmkjdfjgjkghlmhehejpmcfif
URL Chính Thức	https://chromewebstore.google.com/detail/xstate-ninja/cogeldipmkjdfjgjkghlmhehejpmcfif
Mô tả	A powerful devtool for XState state machines
Kích Thước Tệp	224 KB
Số Lần Cài Đặt	391
Phiên Bản Hiện Tại	1.7.2
Cập Nhật Lần Cuối	2023-10-21
Ngày Phát Hành	2022-09-19
Đánh Giá	4.00/5 Tổng số 1 Đánh Giá
Nhà Phát Triển	rlaffers
Email	[email protected]
Loại Thanh Toán	free
Trang Web Mở Rộng	https://github.com/rlaffers/xstate-ninja
Ngôn Ngữ Được Hỗ Trợ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "XState Ninja", "author": "Richard Laffers", "description": "A powerful devtool for XState state machines", "version": "1.7.2", "manifest_version": 3, "homepage_url": "https:\/\/github.com\/rlaffers\/xstate-ninja", "background": { "service_worker": "background\/background.js", "type": "module" }, "devtools_page": "devtools\/devtools.html", "permissions": [ "storage" ], "icons": { "16": "assets\/icon_16x16.png", "32": "assets\/icon_32x32.png", "48": "assets\/icon_48x48.png", "128": "assets\/icon_128x128.png" }, "web_accessible_resources": [ { "resources": [ "inject\/xstate_ninja.js" ], "matches": [ "" ] } ], "content_scripts": [ { "matches": [ "" ], "exclude_globs": [ "https:\/\/www.google*" ], "js": [ "inject\/content_script.js" ], "run_at": "document_start", "all_frames": true } ] }