Skip to content

Commit 236f63c

Browse files
authored
Merge pull request #1 from JavierBmrg/master
Fix some typos
2 parents 67639a9 + a1a4898 commit 236f63c

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

react/README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
102102
// bien
103103
import Footer from './Footer';
104104
```
105-
- **Higher-order Components Nomenclatura**: Componga el nombre del high order component y el nombre del component como `displayName` en el nuevo componente generado. Por ejemplo, el componente de orden superior `withFoo ()`, al pasar un componente `Bar` debería producir un componente con` displayName` de `withFoo (Bar)`.
105+
- **Nomenclatura 'Higher-order Components'**: Componga el nombre del high order component y el nombre del component como `displayName` en el nuevo componente generado. Por ejemplo, el componente de orden superior `withFoo ()`, al pasar un componente `Bar` debería producir un componente con` displayName` de `withFoo (Bar)`.
106106

107107
> ¿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.
108108

@@ -172,10 +172,10 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
172172
anotherSuperLongParam="baz"
173173
/>
174174
175-
// if props fit in one line then keep it on the same line
175+
// Si existe solo una props, puede mantenerse en una sola línea.
176176
<Foo bar="bar" />
177177
178-
// children get indented normally
178+
// Al existir más de una props se debe separar por línea
179179
<Foo
180180
superLongParam="bar"
181181
anotherSuperLongParam="baz"
@@ -212,7 +212,7 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
212212
// mal
213213
<Foo/>
214214
215-
// very mal
215+
// muy mal
216216
<Foo />
217217
218218
// mal
@@ -318,7 +318,7 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
318318
<div />
319319
```
320320

321-
- Evite utilizar `key` como prop del indice del array, elija un unique ID. ([why?](https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318))
321+
- Evite utilizar `key` como prop del índice del array, elija un unique ID. ([why?](https://medium.com/@robinpokorny/index-as-a-key-is-an-anti-pattern-e0349aece318))
322322

323323
```jsx
324324
// mal
@@ -385,7 +385,7 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
385385

386386
## Parentesis
387387

388-
- Cerrar JSX tags con parentesis cuando sean span in mas de una linea. eslint: [`react/wrap-multilines`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/wrap-multilines.md)
388+
- Cerrar JSX tags con paréntesis cuando se tenga más de una línea a retornar. eslint: [`react/wrap-multilines`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/wrap-multilines.md)
389389

390390
```jsx
391391
// mal
@@ -404,7 +404,7 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
404404
);
405405
}
406406
407-
// bien, when single line
407+
// bien, en caso de que solo ocupe una sola línea.
408408
render() {
409409
const body = <div>hello</div>;
410410
return <MyComponent>{body}</MyComponent>;
@@ -423,7 +423,7 @@ eslint: [`react/prefer-es6-class`](https://github.com/yannickcr/eslint-plugin-re
423423
<Foo className="stuff" />
424424
```
425425

426-
- If tu componente tiene multi-line properties, cierre su tag en una nueva linea. eslint: [`react/jsx-closing-bracket-location`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-closing-bracket-location.md)
426+
- Si el componente tiene varias propiedades, cierre su tag en una nueva nea. eslint: [`react/jsx-closing-bracket-location`](https://github.com/yannickcr/eslint-plugin-react/blob/master/docs/rules/jsx-closing-bracket-location.md)
427427

428428
```jsx
429429
// mal

0 commit comments

Comments
 (0)