#CustomEvent
LightNews LightNews
kettanaito.com
One advice: don't use CustomEvent. Instead, extend the Event class and implement your custom logic there. CustomEvent is some backport hackery that was never meant to be used.
November 13, 2025 at 7:49 PM
sean.thenewells.us
You're just hijacking the eventing infra provided by this dom api, and only getting pub/sub out of it.

10/10 I've done it, works brilliantly. It's scalable, very focused, and no real 'catch' as the DX is quite nice with CustomEvent layered on top too.
November 13, 2025 at 7:08 PM
katsuo-n.bsky.social
Remix 3でpropsが変わった(=親がupdateした)時の処理が書きにくい問題について考えた結果、原因は親が子を自動的に再レンダリングするせいでは？と思った

なので再レンダリングの代わりに親がupdateしたことを伝えるCustomEventをdispatchするようにしたらいいのではないかと思った

具体的にはこんな感じ
メリットとして全ての処理が1つのイベントの中に集約され、不要な再レンダリングが起きないようになる
October 14, 2025 at 10:14 AM
keithamus.social
In your `State & Reactivity` section you mention using custom events. Your code uses `CustomEvent`. I'd recommend avoiding `CustomEvent` and consider sublcassing events, if you're not already. Check out justinfagnani.com/2025/06/25/s... for more.
Stop Using CustomEvent
justinfagnani.com
July 16, 2025 at 9:55 AM
singlebase.bsky.social
🚀 Calling all Developers! 💻 Ready to test your coding skills?

What is the correct way to emit an event from a child component in Vue 3 Composition API?
A) emitEvent('customEvent')
B) this.emit('customEvent')
C) emit('customEvent')
D) trigger('customEvent')

#TechQuiz #AI #Developer #VueJS
July 9, 2025 at 4:19 PM
bluesky.awakari.com
🦖 CustomEvent ✅ Widely available (from Jul 2015) https:// developer.mozilla.org/en-US/do cs/Web/API/CustomEvent The CustomEvent interface can be used to attach custom data to an event generated by an application. # webdev

Interest | Match | Feed
Origin
front-end.social
July 7, 2025 at 7:11 PM
bluesky.awakari.com
🦖 CustomEvent ✅ Widely available (from Jul 2015) https:// developer.mozilla.org/en-US/do cs/Web/API/CustomEvent The CustomEvent interface can be used to attach custom data to an event generated by an application. # webdev

Interest | Match | Feed
Origin
front-end.social
July 7, 2025 at 7:11 PM
ytjvdcm.mstdn.virtecam.net.ap.brid.gy
あれ引数付きCustomEventってLive入ったんだっけ
July 2, 2025 at 7:58 AM
jakeplays12.bsky.social
Guys its ready! the pride Capture The Flag event is now open on @skadegaming.com! Skader's can explore the lobby before the event and check out the cool features dotted around!

#Pride #Minecraft #MinecraftEvent #mc #CaptureTheFlag #PrideCaptureTheFlag #CustomEvent
June 27, 2025 at 5:34 PM
justinfagnani.com
After a new wave of discussion about CustomEvent vs Event subclasses, I wrote a new blog post on the topic:

TL;DR: Subclass Event instead of using CustomEvent 😎

justinfagnani.com/2025/06/25/s...
Stop Using CustomEvent
justinfagnani.com
June 25, 2025 at 2:56 PM
stuffbreaker.bsky.social
I'm liking that more too, but decided to show the typed version first for 2 reasons:

1. I think CustomEvent tends to be the most common and is still a viable option
2. Teams may want to switch to subclassing, but may not be in a position to introduce breaking changes, but can update the types
June 19, 2025 at 2:39 PM
chrisshank.com
Personally I’d recommend subclassing Event (or CustomEvent) instead of just defining a type!
June 19, 2025 at 1:22 PM
skadegaming.com
During the weekend, Skader's had a rad time celebrating Pride this weekend during our #pride #event

#Pride365 #MoreThanAGame #LGBT #LGBTQIA+ #Autism #AutismCommunity #AutismServer #mc #minecraft #minecraftEvent #minecraftResourcePack #CustomEvent #showcase

www.youtube.com/shorts/cZBkq...
Last weekend Skader's had a rad time celebrating #Pride! #pride2025 #pridemonth #pridegaming #shorts
YouTube video by Skade Gaming
www.youtube.com
June 11, 2025 at 5:07 PM
ytjvdcm.mstdn.virtecam.net.ap.brid.gy
VRCで使えるすごいライトが増え
CustomEventで引数が使えるようになり
CyanTriggerが壊れた
May 24, 2025 at 12:07 PM
bluesky.awakari.com
Typing CustomEvent detail with JSDoc My fondness for typing with JSDoc grows unabated, but/and I occasionally get jammed up and have to pull over to figure out how to get unstuck. Joshua Tzucker’s JSDoc Cheatsheet and Type Safety Tricks is indispensab...

| Details | Interest | Feed |
Origin
multiline.co
May 8, 2025 at 7:55 AM
ytjvdcm.mstdn.virtecam.net.ap.brid.gy
Udonに引数付きCustomEventが来るらしい、期待
April 24, 2025 at 10:58 PM
elfsternberg.bsky.social
My only disagreement with this article is: don't use CustomEvent. Just inherit from and extend Event.
April 13, 2025 at 9:50 PM
rossipedia.com
Said it before, will say it again:

CustomEvent is *criminally* under-utilized

developer.mozilla.org/en-US/docs/W...
CustomEvent: CustomEvent() constructor - Web APIs | MDN
The CustomEvent() constructor creates a new CustomEvent object.
developer.mozilla.org
April 8, 2025 at 4:42 PM
drupal-news.bsky.social
#Drupal core change: The JavaScript dialogButtonsChange event is triggered with a CustomEvent instead of jQuery (2025-04-04) #PHP. See https://www.drupal.org/node/3464202
April 4, 2025 at 9:00 AM
rogin.dev
Another Q for the web component community--what are the best practices for emitting events? I see a split between preferring prefixing custom events or just emitting regular events.

Shoelace prefers custom events: CustomEvent('sl-open')
Other libs typically emits normal evs: Event('open')
March 10, 2025 at 4:36 PM
sauravdhyani.bsky.social
🛠️ How to Create Custom Events in Business Central AL Code {Part 1} youtu.be/Riay2MqIwCA?... via @YouTube
#Msdyn365bc #CustomEvent #BCALHelp #ALHelp #BusinessCentral #IntegrationEvent #BusinessEvent #ALCode #IsHandled
🛠️ How to Create Custom Events in Business Central AL Code {Part 1}
YouTube video by saurav dhyani
youtu.be
February 26, 2025 at 8:10 AM
anerdguy.now
Watching an object for changes in JavaScript is easy as pie with a Proxy. Mmmm... pie. 🥧
type EventType = "change"; type ChangeEventDetail<T> = { obj: T; prop: string | symbol; val: any; previous: any; }; class Watched<T extends object> { private _proxy: T; private _listeners = new Map<EventType, Array<EventListener>>(); constructor(t: T) { this._proxy = new Proxy(t, { set: (obj: T, prop: string | symbol, val: any) => { const listeners = this._listeners.get("change"); if (listeners?.length) { const previous = Reflect.get(obj, prop); const ev = new CustomEvent<ChangeEventDetail<T>>("change", { detail: { obj, prop, val, previous, }, }); listeners.forEach((l) => l(ev)); } return Reflect.set(obj, prop, val); }, }); } get proxy(): T { return this._proxy; } addEventListener = (type: EventType, listener: EventListener): void => { const listeners = this._listeners.get(type); if (listeners) { listeners.push(listener); } else { this._listeners.set(type, [listener]); } }; } function watch<T extends object>( obj: T, listener: (event: CustomEventInit<ChangeEventDetail<T>>) => void ): T { const watched = new Watched(obj); watched.addEventListener("change", listener); return watched.proxy; } const andy = watch( { name: "Andy", age: 43, }, (event) => console.log(event.detail) ); andy.age = 44; andy.name = "Andrew"; > bun run .\index.ts { obj: { name: "Andy", age: 43, }, prop: "age", val: 44, previous: 43, } { obj: { name: "Andy", age: 44, }, prop: "name", val: "Andrew", previous: "Andy", }
February 20, 2025 at 4:56 AM
ndeyefatoudiop.bsky.social
JavaScript Tip 💡

Use 𝙲𝚞𝚜𝚝𝚘𝚖𝙴𝚟𝚎𝚗𝚝 for custom event dispatching and handling in the DOM.
const event = new CustomEvent( 'greet', { detail: { name: 'Ndeye Fatou Diop' } } ); document.addEventListener( 'greet', (e) => console.log(`Hello, ${e.detail.name}!`) ); document.dispatchEvent(event);
February 1, 2025 at 4:00 PM
elfsternberg.bsky.social
I'm not sure what the value-add is here for a component that side-steps both Event and CustomEvent, repeats the mistakes of CustomEvent, and doesn't do what the comment says it does (since bubble and compose are not provided as defaults).

github.com/umbraco/Umbr...
github.com
January 27, 2025 at 5:33 PM