React Useeffect
softaworks/agent-toolkit/skills/react-useeffectby softaworks3027f20f3181758385a1bb8c022d4041dfb4de84No license2.5K starsListed Oct 9, 2026Updated Oct 9, 2026Repository updated 7 months ago
React useEffect best practices from official docs. Use when writing/reviewing useEffect, useState for derived values, data fetching, or state synchronization. Teaches when NOT to use Effect and better alternatives.
- 3027f20f3181758385a1bb8c022d4041dfb4de84Currentcommit 3027f20Published Oct 9, 2026
Source and attribution
Source:softaworks/agent-toolkitinskills/react-useeffectat commit3027f20
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from softaworks/agent-toolkit
Requirements Clarity
softaworks
Turns vague feature requests into scored, actionable PRD documents through structured clarifying dialogue.
Mui
softaworks
Reference patterns for using Material-UI v7 components, sx prop styling, theming and responsive design.
Jira
softaworks
Guides an agent through viewing, creating, updating and transitioning Jira issues via the jira CLI or Atlassian MCP.
Humanizer
softaworks
Edits text to remove AI-writing tells and add a more natural, human voice.
Frontend To Backend Requirements
softaworks
Guides frontend developers in writing a backend-requirements document describing data, actions, and UI states.
Excalidraw
softaworks
Delegates Excalidraw diagram file operations to subagents to avoid exhausting the main agent's context.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.