Juniors-focused React and TypeScript best practices. Use this skill when writing or reviewing code to enforce clear, consistent, and maintainable patterns across common scopes like React, TypeScript, styling, devtools, assets, and Git.
Ask your Agent
Use this Skill: https://skilld.dev/gh/siberiacancode/agent-skills/juniors-best-practice
This session only. Nothing lands on disk.
≈122 tokens on demand. Your agent reads this file only when SKILL.md points to it.
A simple, readable way to type React props is to define a Props type nearby and use it in the component signature: props: Props.
...
type ButtonVariant = "primary" | "secondary";
interface ButtonProps extends ComponentProps<"button"> {
children: ReactNode;
variant?: ButtonVariant;
...
}
const Button = ({ variant = "primary", children, ...props }: ButtonProps) => (
...Source: SKILL.md on GitHub
This skill provides a comprehensive set of best practices for junior React and TypeScript developers. It includes guidelines on coding style, state management, and tooling, referencing both well-known community packages and libraries maintained by the author. No security risks or malicious behaviors were identified.
No alerts
Risk: LOW · No issues
25/25 files flagged
Signed by skilld at 913a865. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.
Last checked against GitHub 2 weeks ago.
{
"author": "siberiacancode",
"version": "1.0.0"
}