XState Ninjaคืออะไร?

XState Ninja เป็นส่วนขยายของ Chrome ที่พัฒนาโดย rlaffers และคุณลักษณะหลักของมันคือ "A powerful devtool for XState state machines"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย XState Ninja

ดาวน์โหลดไฟล์ส่วนขยาย XState Ninja ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

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

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	XState Ninja
ID	cogeldipmkjdfjgjkghlmhehejpmcfif
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/xstate-ninja/cogeldipmkjdfjgjkghlmhehejpmcfif
คำอธิบาย	A powerful devtool for XState state machines
ขนาดไฟล์	224 KB
จำนวนการติดตั้ง	391
เวอร์ชันปัจจุบัน	1.7.2
อัปเดตครั้งล่าสุด	2023-10-21
วันที่เผยแพร่	2022-09-19
คะแนน	4.00/5 รวมทั้งหมด 1 คะแนน
ผู้พัฒนา	rlaffers
อีเมล	[email protected]
ประเภทการชำระเงิน	free
เว็บไซต์ส่วนขยาย	https://github.com/rlaffers/xstate-ninja
ภาษาที่รองรับ	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 } ] }