Aprendiendo ESLint: Airbnb ESLint con React

preview_player
Показать описание
Linters como ESLint son herramientas que nos ayudan a desarrollar código siguiendo una guía de estilo. De esta forma en proyectos que colaboren varios programadores el código no sufre cambios drásticos en estilo debido a que existen una guía de estilos que es enforzada por un linter.

ESLint y linters en general funcionan al darte tips y apoyo durante el proceso de desarrollo para que te des cuenta que cierta sección de código no sigue la guía de estilo configurada. De esta forma el programador se da cuenta y ajusta el estilo de código a la guía de estilo y todo el proyecto se mantiene en armonía.

ESLint es una gran herramienta sin embargo es tedioso tener archivos de configuración de linters con cientos de reglas para cada posible caso. Para esto se han creado varias guías de estilo en la comunidad. Una de las mas populares es la de Airbnb la cual contiene muchas reglas ya probadas por varios equipos de desarrollo y han probado ser eficientes para mantener un código legible.

En este vídeo explico como configurar ESLint en Visual Studio Code en un proyecto de React creado por la herramienta de create-react-app. Con este tutorial es posible configurar un linter en unos cuantos minutos.
Рекомендации по теме
Комментарии
Автор

Muy interesante, lo aplicaré de ahora en adelante

luirting
Автор

Simples y practico. Gracias! (perdón por el español)

xXMatheusSSZXx
Автор

Gracias para el tutorial. Para React Native es lo mismo?

josetuz
Автор

No logro hacerlo bro, me ayudas?
Quiero dejar instalado globalmente ESLint con el airbnb para usar en react.

CristianHernandez-uylz
Автор

Ya no aparecen las mismas opciones al iniciar eslint :(

fmesias