diff --git a/react/README.md b/react/README.md
index dcf3442677..5e830a02a2 100644
--- a/react/README.md
+++ b/react/README.md
@@ -106,40 +106,40 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
> ¿Por qué? El `displayName` de un componente puede ser utilizado por herramientas de desarrollo o en mensajes de error, y tener un valor que exprese claramente esta relación ayuda a las personas a entender lo que está sucediendo.
- ```jsx
- // mal
- export default function withFoo(WrappedComponent) {
- return function WithFoo(props) {
- return ;
- }
+ ```jsx
+ // mal
+ export default function withFoo(WrappedComponent) {
+ return function WithFoo(props) {
+ return ;
}
+ }
- // bien
- export default function withFoo(WrappedComponent) {
- function WithFoo(props) {
- return ;
- }
+ // bien
+ export default function withFoo(WrappedComponent) {
+ function WithFoo(props) {
+ return ;
+ }
- const wrappedComponentName = WrappedComponent.displayName
- || WrappedComponent.name
- || 'Component';
+ const wrappedComponentName = WrappedComponent.displayName
+ || WrappedComponent.name
+ || 'Component';
- WithFoo.displayName = `withFoo(${wrappedComponentName})`;
- return WithFoo;
- }
- ```
+ WithFoo.displayName = `withFoo(${wrappedComponentName})`;
+ return WithFoo;
+ }
+ ```
- **Props Naming**: Evite usar nombres de props de componentes de DOM para diferentes propósitos.
> ¿Por qué? La gente espera props como `style` y `className` signifiquen una cosa específica. La variación de esta API para una parte de la aplicación hace que el código sea menos legible y menos mantenible, y podria causar errores.
- ```jsx
- // mal
-
+ ```jsx
+ // mal
+
- // bien
-
- ```
+ // bien
+
+ ```
## Declaraciones
@@ -190,19 +190,19 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
> ¿Por qué? Los atributos HTML suelen usar comillas dobles en lugar de simples, por lo que los atributos JSX reflejan esta convención.
- ```jsx
- // mal
-
+ ```jsx
+ // mal
+
- // bien
-
+ // bien
+
- // mal
-
+ // mal
+
- // bien
-
- ```
+ // bien
+
+ ```
## Espaciado
@@ -285,13 +285,13 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
> ¿Por qué? Los lectores de pantalla ya anuncian elementos `img` como imágenes, por lo que no es necesario incluir esta información en el texto alternativo.
- ```jsx
- // mal
-
+ ```jsx
+ // mal
+
- // bien
-
- ```
+ // bien
+
+ ```
- Use solamente validos y no abstractos [ARIA roles](https://www.w3.org/TR/wai-aria/roles#role_definitions). eslint: [`jsx-a11y/aria-role`](https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/aria-role.md)
@@ -461,57 +461,58 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
> ¿Por qué? Una llamada de bind en render crea una función nueva en cada render.
- ```jsx
- // mal
- class extends React.Component {
- onClickDiv() {
- // do stuff
- }
+ ```jsx
+ // mal
+ class extends React.Component {
+ onClickDiv() {
+ // do stuff
+ }
- render() {
- return
- }
+ render() {
+ return
}
+ }
- // bien
- class extends React.Component {
- constructor(props) {
- super(props);
+ // bien
+ class extends React.Component {
+ constructor(props) {
+ super(props);
- this.onClickDiv = this.onClickDiv.bind(this);
- }
+ this.onClickDiv = this.onClickDiv.bind(this);
+ }
- onClickDiv() {
- // do stuff
- }
+ onClickDiv() {
+ // do stuff
+ }
- render() {
- return
- }
+ render() {
+ return
}
- ```
+ }
+ ```
+
- No utilice prefijo de _ (underscore) para los métodos internos de un componente React.
> ¿Por qué? Los prefijos _ (underscore) a veces se usan como una convención en otros idiomas para denotar privacidad. Pero, a diferencia de esas lenguajes, no hay soporte nativo para el ambito en JavaScript ya que todo es público. Independientemente de sus intenciones, agregar prefijos a sus propiedades en realidad no los hacen privados, y cualquier property debe ser tratado como público. Ver errores en [#1024](https://github.com/airbnb/javascript/issues/1024), y [#490](https://github.com/airbnb/javascript/issues/490).
- ```jsx
- // mal
- React.createClass({
- _onClickSubmit() {
- // do stuff
- },
-
- // other stuff
- });
+ ```jsx
+ // mal
+ React.createClass({
+ _onClickSubmit() {
+ // do stuff
+ },
- // bien
- class extends React.Component {
- onClickSubmit() {
- // do stuff
- }
+ // other stuff
+ });
- // other stuff
+ // bien
+ class extends React.Component {
+ onClickSubmit() {
+ // do stuff
}
- ```
+
+ // other stuff
+ }
+ ```
- Asegúrese de devolver un valor en sus métodos `render`. eslint: [`react/require-render-return`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/require-render-return.md)