Mengumumkan Stimulus FX: Pilihan Tindakan Tersuai untuk Rangsangan

Artikel ini pada asalnya diterbitkan di Rails Designer

---

Baru-baru ini saya menerbitkan artikel tentang pilihan tindakan tersuai dalam Rangsangan. Ia menerangkan cara anda boleh menggunakan ini untuk membina tindakan yang lebih maju dengan JavaScript tersuai. Ia agak kemas, lihat artikel jika anda ingin mengetahui lebih lanjut!

Semasa menulis artikel dan menyemak apl saya sendiri sebagai contoh, saya mendapati saya kerap mengulangi pilihan tindakan tersuai yang sama. Sebagai pembangun, pengulangan seperti itu mula membuat saya tidak senang. Jadi saya memutuskan perkara yang akan diputuskan oleh setiap pembangun yang waras: bungkusnya! ? ?

Jadi inilah: Stimulus FX. Ia juga pada GitHub dan NPM.

Penggunaan adalah mudah. Selepas menambah pakej menggunakan alat kegemaran anda, apa yang anda perlukan ialah:

// Import everything
import { registerActionOptions } from "stimulus-fx";
registerActionOptions(application);

// Or import specific actions
import { whenOutside } from "stimulus-fx/actions";
application.registerActionOption("whenOutside", whenOutside);

Kemudian, untuk pilihan whenOutside, dalam HTML anda, anda boleh menggunakannya seperti ini:

<div data-controller="dropdown">
  <ul data-dropdown-target="menu" data-action="click@window->dropdown#hide:whenOutside">
  </ul>
</div>

Stimulus FX pada masa ini mempunyai 4 pilihan tindakan yang comel, tetapi saya bercadang untuk menambah lagi tidak lama lagi! Ia juga OSS, jadi tolong bantu saya memperbaikinya! ❤️

Atas ialah kandungan terperinci Mengumumkan Stimulus FX: Pilihan Tindakan Tersuai untuk Rangsangan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!