advanced-event-handler-refs

Revamped Version of my portfolio

Generate Convert Improve

Install / Use

npx skills add Nmk78/PortfolioV2

Installs into whichever agent you are using.

About this skill

📐

Cursor Rules

Cursor IDE rules (v2)

Quality Score

43/100

Our assessment of advanced-event-handler-refs

advanced-event-handler-refs scores 43/100 on our quality scale, 4338th of 4,611 Development & Engineering skills we index.

Its Cursor Rules is 1.4 KB long, lightly structured (1 heading) with 3 code examples: moderately detailed.

It has no GitHub stars yet, so there is no community track record; judge it on its content.

Substance

20/30

Structure

10/20

Description

8/15

Adoption

0/20

Freshness

5/15

Maintenance, license and trust

We could not determine when the repository was last updated.
Our last check on 2026-09-02 found the source still online.
No license is declared. By default that means all rights are reserved: you can read it, but reusing or redistributing it is not clearly permitted. Ask the author before building on it commercially.
Its trust signals score 68/100, with 3 cautions from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.

Safety scan

No issues found

Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful.

AI review by kimi-k2.7-code on 2026-11-03. Automated pattern scan on 2026-11-03. It catches known dangerous patterns, not every risk — read a skill before letting an agent act on it.

advanced-event-handler-refs compared with similar skills

All 4 of these similar skills score higher than advanced-event-handler-refs; compare them before choosing.

Skill	Score	Stars	Updated	Format
advanced-event-handler-refs (this skill)by Nmk78	43	0	—	Cursor Rules
taste-skillby Leonxlnx	100	110.6k	1d ago	CLAUDE.md
ai-job-searchby ai-job-search-dev	100	69.8k	today	CLAUDE.md
claude-howtoby luongnv89	100	46.6k	2d ago	CLAUDE.md
algorithmic-artby anthropics	100	177.9k	44d ago	SKILL.md

Frequently asked questions

How do I install advanced-event-handler-refs?: Run npx skills add Nmk78/PortfolioV2. The install tabs above show the steps for each supported agent.
Which AI agents does advanced-event-handler-refs work with?: It is written for Cursor, as a Cursor Rules file. Other agents that read the same format can often use it too.
Is advanced-event-handler-refs safe to use?: Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. An AI review of the same text found nothing harmful. It declares no license and scores 68/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
Is advanced-event-handler-refs still maintained?: We could not determine when the repository was last updated.

Skill content

View source on GitHub

title: Store Event Handlers in Refs impact: LOW impactDescription: stable subscriptions tags: advanced, hooks, refs, event-handlers, optimization

Store Event Handlers in Refs

Store callbacks in refs when used in effects that shouldn't re-subscribe on callback changes.

Incorrect (re-subscribes on every render):

function useWindowEvent(event: string, handler: (e) => void) {
  useEffect(() => {
    window.addEventListener(event, handler)
    return () => window.removeEventListener(event, handler)
  }, [event, handler])
}

Correct (stable subscription):

function useWindowEvent(event: string, handler: (e) => void) {
  const handlerRef = useRef(handler)
  useEffect(() => {
    handlerRef.current = handler
  }, [handler])

  useEffect(() => {
    const listener = (e) => handlerRef.current(e)
    window.addEventListener(event, listener)
    return () => window.removeEventListener(event, listener)
  }, [event])
}

Alternative: use useEffectEvent if you're on latest React:

import { useEffectEvent } from 'react'

function useWindowEvent(event: string, handler: (e) => void) {
  const onEvent = useEffectEvent(handler)

  useEffect(() => {
    window.addEventListener(event, onEvent)
    return () => window.removeEventListener(event, onEvent)
  }, [event])
}

useEffectEvent provides a cleaner API for the same pattern: it creates a stable function reference that always calls the latest version of the handler.

Related Skills

taste-skill

110.6k

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

ai-job-search

69.8k

The job search that runs on your machine. AI job application framework built on Claude Code: evaluate postings, tailor CVs, write cover letters, prep interviews. Fork it and own it.

claude-howto

46.6k

A visual, example-driven guide to Claude Code — from basic concepts to advanced agents, with copy-paste templates that bring immediate value.

algorithmic-art

177.9k

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.

Nmk78

View profile

View on GitHub

GitHub Stars0

CategoryDevelopment

UpdatedNaNy ago

Forks0

Nmk78/advanced-event-handler-refs

Trust signals

68/100

From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.

2 medium1 low