react-native
ESLint en reaccion-nativo

Introducción

Cómo empezar

Es altamente recomendable utilizar ESLint en su proyecto en react-native. ESLint es una herramienta para la validación de códigos que utiliza reglas específicas proporcionadas por la comunidad.

Para react-native puede usar conjuntos de reglas para javascript, reaccionar y reaccion-native.

Las reglas comunes de ESLint con motivación y explicaciones para javascript se pueden encontrar aquí: https://github.com/eslint/eslint/tree/master/docs/rules . Simplemente puede agregar un conjunto de reglas listo de los desarrolladores de ESLint agregando su .eslintr.json al nodo 'extendido' 'eslint: recomendado'. ("extiende": ["eslint: recomendado"]) Puede leer más sobre la configuración de ESLint aquí: http://eslint.org/docs/developer-guide/development-environment . Se recomienda leer el documento completo sobre esta herramienta extremadamente útil.

A continuación, los documentos completos sobre las reglas para el complemento de reacción de ES Lint se pueden encontrar aquí: https://github.com/yannickcr/eslint-plugin-react/tree/master/docs/rules . Nota importante: no todas las reglas de reacción son relativas a la reacción nativa. Por ejemplo: reaccionar / mostrar-nombre y reaccionar / no-desconocido-propiedad por ejemplo. Otras reglas son 'debe tener' para cada proyecto en reaccion-native, como react / jsx-no-bind y reaccion / jsx-key.

Tenga mucho cuidado al elegir su propio conjunto de reglas.

Y finalmente, hay un complemento explícitamente para reaccion-native: https://github.com/intellicode/eslint-plugin-react-native Nota: Si divide sus estilos en un archivo separado, descarte la regla reaccion-native / no-inline- Los estilos no funcionarán.

Para el correcto funcionamiento de esta herramienta en env nativo reactivo, es posible que necesite establecer un valor o 'env' en su configuración a esto: "env": {"browser": true, "es6": true, "amd": true} ,

ESLint es una herramienta clave para el desarrollo de productos de alta calidad.