Marketplace
react-best-practices
React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal performance patterns. Triggers on tasks involving React components, data fetching, bundle optimization, or performance improvements.
Overview
Its SKILL.md stays on GitHub
This repository has no license that lets Deska show its files here. Read the SKILL.md on GitHub before you install it.
Files 29 files
- SKILL.mdMarkdown
- references/react-best-practices-reference.mdMarkdown
- references/rules/async-parallel.mdMarkdown
- references/rules/bundle-barrel-imports.mdMarkdown
- references/rules/bundle-defer-third-party.mdMarkdown
- references/rules/client-request-dedupe.mdMarkdown
- references/rules/js-length-check-first.mdMarkdown
- references/rules/js-set-map-lookups.mdMarkdown
- references/rules/js-tosorted-immutable.mdMarkdown
- references/rules/rendering-animate-svg-wrapper.mdMarkdown
- references/rules/rendering-content-visibility.mdMarkdown
- references/rules/rerender-lazy-state-init.mdMarkdown
Install it by hand
Deska runs this for you, for every agent you pick. To run it yourself in a terminal:
npx skills add mastra-ai/mastra --skill react-best-practicesMore from mastra-ai
- mastramastra-aiOfficialComprehensive Mastra framework guide for building agents, workflows, tools, memory, workspaces, and storage with current APIs. Use for documentation lookup, API verification, TypeScript setup, common errors, migrations, and `mastra api` CLI tasks: inspect or call resources on local, Mastra platform, Trace Intelligence, or remote servers. For Mastra Factory operations, discover and activate the companion mastra-factory skill. Also report verified bugs, documentation gaps, and user-requested features to the Mastra team automatically via the feedback endpoint.66.4K installs on skills.sh0
- ralph-planmastra-aiInteractive planning assistant that helps create focused, well-structured ralph-loop commands through collaborative conversation2,600 installs on skills.sh0
- e2e-tests-studiomastra-aiREQUIRED when modifying any file in packages/playground-ui or packages/playground. Triggers on: React component creation/modification/refactoring, UI changes, new playground features, bug fixes affecting studio UI. Generates Playwright E2E tests that validate PRODUCT BEHAVIOR, not just UI states.2,500 installs on skills.sh0
- smoke-testmastra-aiCreate a Mastra project using create-mastra and smoke test the studio in Chrome using Chrome MCP server2,500 installs on skills.sh0
- mastra-factorymastra-aiOperate and supervise Mastra Factory through `mastra api factory`. Use for first-time Factory connection and login, status or queue summaries, project and work-item inspection, thread history and memory, metrics, health, decisions, attention, supervisor sessions, and user-authorized autonomous or interactive Factory operations on hosted, local, remote, or self-hosted servers.2,500 installs on skills.sh0
