Skip to content

Instantly share code, notes, and snippets.

⚙️ ESLint + 🎨 Prettier + 🐕‍🦺 Husky / (⚛️React Native + Expo)

Guía para configurar ESLint + Prettier + Husky para el formateo, linting y control de calidad del código en un proyecto React Native con Expo, asegurando consistencia de estilo, prevención de errores comunes y automatización del proceso en cada commit.


📦 1. Paquetes instalados

pnpm add -D prettier eslint-config-prettier husky lint-staged eslint-plugin-react eslint-plugin-react-native

⚙️ ESLint + 🎨 Prettier + 🐕‍🦺 Husky / Node.JS (TypeScript)

Guía para configurar ESLint + Prettier + Husky para el formateo, linting y control de calidad del código en un proyecto NodeJS con TypeScript, asegurando consistencia de estilo, prevención de errores comunes y automatización del proceso en cada commit.


📦 0.1. Inicializar Proyecto (en caso no se haya hecho)

1. Crear package.json básico

pnpm init --yes

⚙️ ESLint + 🎨 Prettier + 🐕‍🦺 Husky / ⚡Vite (⚛️React + TypeScript)

Guía para configurar ESLint + Prettier + Husky y Vite para el formateo, linting y control de calidad del código en un proyecto React con TypeScript, asegurando consistencia de estilo, prevención de errores comunes y automatización del proceso en cada commit.


📦 1. Paquetes instalados

pnpm add -D eslint-plugin-react
pnpm add -D prettier eslint-config-prettier prettier-plugin-tailwindcss