React Native Exam Snippets

Extension VS Code chứa sẵn các snippets React Native cho bài kiểm tra. Cài extension, gõ prefix là code tự động xuất hiện!

✨ Snippets có sẵn

• ✅ home-screen - React Native Home Screen template
• ✅ login-screen - React Native Login Screen với form
• ✅ Thêm snippets của bạn vào file snippets/react-native-snippets.json
• ✅ Hỗ trợ JavaScript, TypeScript, JSX, TSX

🚀 Cách sử dụng

Cài extension

1. Install extension này vào VS Code
2. Mở file .js, .jsx, .ts, hoặc .tsx
3. Gõ prefix snippet và nhấn Tab

Snippets có sẵn:

1️⃣ Home Screen - Gõ home-screen + Tab

Tạo màn hình Home Screen cơ bản với title và subtitle

2️⃣ Login Screen - Gõ login-screen + Tab

Tạo màn hình Login với email, password input và button

Thêm snippets của bạn

Thêm code của bạn vào file snippets/react-native-snippets.json:

{
  "Your Snippet Name": {
    "prefix": "your-prefix",
    "body": [
      "line 1",
      "line 2"
    ],
    "description": "Your description"
  }
}

💡 Ví dụ sử dụng trong thi

Trước khi thi:

1. Chuẩn bị code của bạn
2. Thêm vào file snippets/react-native-snippets.json
3. Build extension: npm run compile
4. Package: vsce package
5. Install file .vsix vào VS Code

Khi thi:

1. Mở VS Code
2. Tạo file mới .tsx hoặc .jsx
3. Gõ home-screen + Tab → Code HomeScreen xuất hiện!
4. Gõ login-screen + Tab → Code LoginScreen xuất hiện!
5. Chỉnh sửa theo yêu cầu đề bài

🛠️ Development

# Install dependencies
npm install

# Compile
npm run compile

# Watch mode
npm run watch

# Package extension
npm run package

📦 Publish lên Marketplace

1. Cài đặt vsce nếu chưa có:

npm install -g @vscode/vsce

2. Tạo Personal Access Token từ Azure DevOps

3. Đăng nhập publisher:

vsce login your-publisher-name

4. Publish:

vsce publish

📝 License

MIT