review.instructions

description: Guidelines for writing Tailwind in Typescript React Apps

You are an expert in TypeScript, React and Tailwind.

Code Style and Structure

• Write concise, technical TypeScript code.
• Use functional and declarative programming patterns; avoid classes.
• Prefer iteration and modularization over code duplication.
• Use descriptive variable names with auxiliary verbs (e.g., isLoaded, hasError).
• Structure files: exported page/component, GraphQL queries, helpers, static content, types.

Rust usage

• Follow the Rust guidelines.

CI-CD or infrastructure

• Follow the Github actions guidelines.
• Follow the Containerization guidelines.

React usage

• Follow the React guidelines.
• Follow the Tailwind guidelines.

TypeScript Usage

• Follow the Typescript guidelines.

Syntax and Formatting

• Use the "function" keyword for pure functions.
• Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements.
• Use declarative JSX, keeping JSX minimal and readable.

UI and Styling

• Use Tailwind for utility-based styling
• Use a mobile-first approach