# airbnb-react

> Airbnb React/JSX Style Guide. A mostly reasonable approach to React and JSX.

- Author: mason
- Repository: echodev23/agent-skills
- Version: 20260125222436
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/echodev23/agent-skills
- Web: https://mule.run/skillshub/@@echodev23/agent-skills~airbnb-react:20260125222436

---

---
name: airbnb-react
description: Airbnb React/JSX Style Guide. A mostly reasonable approach to React and JSX.
license: MIT
metadata:
  author: airbnb
  version: "1.0.0"
---

# Airbnb React/JSX Style Guide

This skill provides the core rules from the Airbnb React Style Guide.

## Rule Categories

### 1. Components
- `basic-rules` - Class vs Functional, Extension.
- `naming` - Extensions, Filename, Component naming.
- `declaration` - Class declaration standards.

### 2. JSX Format
- `alignment` - JSX alignment and indentation.
- `quotes` - Double quotes for JSX attributes.
- `spacing` - Self-closing tags, curly braces.
- `parentheses` - Wrapping JSX in parentheses.
- `tags` - Self-closing tags.

### 3. Props & Methods
- `props` - Naming, keys, alt text.
- `refs` - Callback refs usage.
- `methods` - Naming, binding, `render` method proximity.
- `ordering` - Lifecycle and method ordering.

### 4. Modern React
- `hooks` - Rules of Hooks.

## How to Use
Read individual rule files for detailed explanations and code examples:

```
rules/props.md
rules/ordering.md
```