Rosevi Snippets React

React + TypeScript 개발을 위한 가볍고 실용적인 스니펫 모음입니다. 자주 사용하는 컴포넌트 및 훅 패턴을 빠르게 입력할 수 있습니다.

주요 특징

빠르고 간결한 코드 자동 완성

TypeScript와 JavaScript 모두 지원

사용 가능한 스니펫

사용 예시

예: trae 입력 후 Tab → 자동 완성됩니다.

import React, { ReactElement } from "react";

interface ExampleProps {}

const Example = ({}: ExampleProps): ReactElement => {
  return <div className="Example">Example</div>;
};

export default Example;

Rosevi Snippets React

A clean, lightweight, and practical collection of React + TypeScript snippets designed for everyday frontend development.

Features

• Fast and minimal
• Supports both TypeScript and JavaScript

Available Snippets

Example Usage

Type the prefix (e.g., trae) and press Tab → the snippet expands automatically:

import React, { ReactElement } from "react";

interface ExampleProps {}

const Example = ({}: ExampleProps): ReactElement => {
  return <div className="Example">Example</div>;
};

export default Example;