Stimulus FX 발표: Stimulus에 대한 사용자 정의 작업 옵션

이 글은 원래 Rails Designer에 게시되었습니다

---

최근 Stimulus의 사용자 지정 작업 옵션에 대한 기사를 게시했습니다. 이를 사용하여 사용자 정의 JavaScript로 고급 작업을 구축하는 방법을 설명합니다. 꽤 깔끔하네요. 더 궁금하시다면 기사를 확인해보세요!

기사를 작성하고 내 앱의 예를 검토하는 동안 동일한 맞춤 작업 옵션을 자주 반복한다는 사실을 발견했습니다. 개발자로서 그런 반복이 저를 불안하게 만들었어요. 그래서 나는 모든 정상적인 개발자가 결정할 것을 결정했습니다. 패키지로 묶는 것입니다! ? ?

Stimulus FX는 다음과 같습니다. GitHub와 NPM에도 있습니다.

사용방법은 간단합니다. 즐겨 사용하는 도구를 사용하여 패키지를 추가한 후 필요한 것은 다음과 같습니다.

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

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

그런 다음 whenOutside 옵션의 경우 HTML에서 다음과 같이 사용할 수 있습니다.

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

Stimulus FX에는 현재 귀여운 4가지 액션 옵션이 있지만 곧 더 추가할 계획입니다! 이것도 OSS이므로 개선할 수 있도록 도와주세요! ❤️

위 내용은 Stimulus FX 발표: Stimulus에 대한 사용자 정의 작업 옵션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!