Add async-react skill#229
Draft
aurorascharff wants to merge 16 commits intomainfrom
Draft
Conversation
Async coordination patterns using React's primitives — useOptimistic, useTransition, useActionState, Suspense, useDeferredValue, form actions, and the action props pattern. Includes Next.js integration. Made-with: Cursor
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
![vercel[bot]](https://avatars.githubusercontent.com/in/8329?s=60&v=4){kind=small}
…ions--cache-invalidation` which no longer exists, making them non-functional navigation links. This commit fixes the issue reported at skills/async-react/AGENTS.md:185 **Bug explanation:** The section heading in AGENTS.md is "Invalidation After Mutations" (line 1181), which generates the anchor `#invalidation-after-mutations`. However, two internal links at lines 185 and 318 reference the non-existent anchor `#server-actions--cache-invalidation` with link text "Server Actions + Cache Invalidation". This is a broken internal link — clicking either link would not navigate to the intended section. **Fix explanation:** Updated both links at lines 185 and 318 to use the correct anchor `#invalidation-after-mutations` and updated the link text to "Invalidation After Mutations" to match the actual heading name. This ensures internal navigation works correctly. Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com> Co-authored-by: aurorascharff <aurora.sofie@gmail.com>
…s/agent-skills into add-async-react-skill
…` on line 284 references a heading that doesn't exist in the document. This commit fixes the issue reported at skills/async-react/AGENTS.md:284 **Bug explanation:** Line 284 of `skills/async-react/AGENTS.md` contains the markdown link `[Server Actions + Cache Invalidation](#server-actions--cache-invalidation)`. However, no heading with that anchor exists in the file. The relevant section heading is `## Invalidation After Mutations` (at line 1169), which produces the anchor `#invalidation-after-mutations`. This means the link is dead — clicking it in any rendered markdown viewer would not navigate anywhere. This appears to be a regression of a previously-fixed broken link (commit 23c41ba), likely re-introduced during a merge or rebase. **Fix explanation:** Changed the link text and anchor from `[Server Actions + Cache Invalidation](#server-actions--cache-invalidation)` to `[Invalidation After Mutations](#invalidation-after-mutations)`, which correctly matches the actual heading text and its generated anchor. Verified no other instances of the broken anchor remain in the file. Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com> Co-authored-by: aurorascharff <aurora.sofie@gmail.com>
…s/agent-skills into add-async-react-skill
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
async-reactskill — an audit and review tool for React async patterns. Scans for coordination issues (frozen UI, stale data, uncoordinated mutations, missing loading states) and suggests fixes using React's primitives (useOptimistic,useTransition,useActionState,Suspense,useDeferredValue, form actions, action props)updateTag()/refresh(), router behavior, promise-passing)Based on Ricky Hanlon's Async React demo from React Conf 2025. Testing ground: vercel-labs/async-react-demo.
Skill structure