Coding Conventions

Define coding conventions for TypeScript and React projects.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/nguyenquy0710/dakia-wiki-bot --skill coding-conventions-nguyenquy0710
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Coding Conventions
Source: https://github.com/nguyenquy0710/dakia-wiki-bot/tree/main/docs/coding-conventions
Command: npx skills add https://github.com/nguyenquy0710/dakia-wiki-bot --skill coding-conventions-nguyenquy0710

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill establishes clear, consistent coding standards for TypeScript and React within the DAKIA Wiki Bot project, reducing ambiguity and improving long-term maintainability.

Core Features & Use Cases

  • Language & Framework Guidelines: Defines conventions for TypeScript, React, and Next.js.
  • Naming Conventions: Provides rules for components, utilities, constants, and API routes.
  • Structure & Patterns: Outlines best practices for component structure, state management, form handling, and error handling.
  • Use Case: A new developer joins the project and needs to understand how to structure their code, name variables, and handle asynchronous operations. This Skill provides the definitive guide.

Quick Start

Follow the provided guidelines for naming components using PascalCase and utility functions using camelCase.

Frequently Asked Questions about Coding Conventions

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What are the best practices for structuring React and Next.js components?

Best practices for structuring React and Next.js components involve using PascalCase for component names and camelCase for utility functions to ensure consistency and maintainability across your project.

How do I standardize TypeScript types and naming conventions in my project?

To standardize TypeScript types and naming conventions, apply comprehensive coding rules covering variable naming, file structure, and type definitions, ensuring English is used for all code.

How should I handle API routing and error handling in a Next.js application?

Handle API routing and error handling in Next.js by following standardized component patterns and structural guidelines that define clear processes for managing asynchronous operations and errors.

Does this coding standard guide cover state management and form handling for React?

Yes, this coding standard guide covers state management and form handling for React by outlining specific component patterns and structural best practices to maintain code quality.

When do I need coding conventions for a TypeScript and React project?

You need coding conventions for a TypeScript and React project when a new developer joins and requires a definitive guide for structuring code, naming variables, and handling operations.

What is the standard for UI text language in TypeScript React applications?

The standard for UI text language in TypeScript React applications emphasizes using English for all code while utilizing Vietnamese specifically for UI text to maintain clear separation.