Skip to content
This repository was archived by the owner on Apr 21, 2023. It is now read-only.

Commit 0abb4ce

Browse files
committed
small improvements
1 parent c9e72cc commit 0abb4ce

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

content/docs/components-and-props.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ Les classes tenen algunes característiques addicionals que veurem en les [pròx
4848

4949
## Renderitzant un component {#rendering-a-component}
5050

51-
Fins ara, només hem trobat elements de React que representen les etiquetes del DOM:
51+
Fins ara, només hem vist elements de React que representen etiquetes del DOM:
5252

5353
```js
5454
const element = <div />;
@@ -60,7 +60,7 @@ No obstant això, els elements també poden representar components definits per
6060
const element = <Welcome name="Sara" />;
6161
```
6262

63-
Quan React veu un element representant un component definit per l'usuari, passa atributs JSX a aquest component com un sol objecte. Fem una crida a aquest objecte "props".
63+
Quan React veu un element representant un component definit per l'usuari, passa els atributs JSX a aquest component com un sol objecte. Anomenem a aquest objecte "props".
6464

6565
Per exemple, aquest codi mostra "Hola, Sara" a la pàgina:
6666

@@ -83,7 +83,7 @@ Recapitulem el que succeeix en aquest exemple:
8383
1. Fem una crida a `ReactDOM.render()` amb l'element `<Welcome name="Sara"/>`.
8484
2. React crida al component `Welcome` amb `{name: 'Sara'}` com "props".
8585
3. El nostre component `Welcome` retorna un element `<h1>Hola, Sara</h1>` com a resultat.
86-
4. React DOM actualitza eficientment DOM perquè coincideixi amb `<h1>Hola, Sara</h1>`.
86+
4. React DOM actualitza eficientment el DOM perquè coincideixi amb `<h1>Hola, Sara</h1>`.
8787

8888
> **Nota:** Comença sempre els noms de components amb una lletra majúscula.
8989
>
@@ -120,7 +120,7 @@ ReactDOM.render(
120120

121121
[](codepen://components-and-props/composing-components)
122122

123-
En general, les aplicacions de React noves tenen un únic component `App` al capdamunt. No obstant això, si s'integra React en una aplicació existent, es podria començar de baix a dalt amb un petit component com `Button` i a poc a poc fer camí cap al cim de la jerarquia de la vista.
123+
En general, les aplicacions de React noves tenen un únic component `App` al capdamunt. No obstant això, si s'integra React en una aplicació existent, es podria començar de baix cap a dalt amb un petit component com `Button` i a poc a poc fer camí cap al cim de la jerarquia de la vista.
124124

125125
## Extracció de components {#extracting-components}
126126

@@ -173,7 +173,7 @@ function Avatar(props) {
173173

174174
L'`Avatar` no necessita saber que està sent renderitzat dins d'un `Comment`. Aquest és el motiu pel qual li donem a la seva propietat un nom més genèric: `user` en comptes de `author`.
175175

176-
Recomanem anomenar les props des del punt de vista del component, en comptes de la del context en què s'utilitza.
176+
Recomanem anomenar les props des del punt de vista del component, en comptes del context en què s'utilitza.
177177

178178
Ara podem simplificar `Comment` una miqueta:
179179

@@ -235,17 +235,17 @@ function Comment(props) {
235235

236236
Extreure components pot semblar una feina pesada al principi, però tenir una paleta de components reutilitzables val la pena en aplicacions més grans. Una bona regla en general és que si una part de la interfície d'usuari es fa servir diverses vegades (`Button`, `Panel` o `Avatar`), o és prou complexa per si mateixa (`App`, `FeedStory`, `Comment`), és bon candidat per ser un component reutilitzable.
237237

238-
## Les props són de només lectura {#props-are-read-only}
238+
## Les props són només de lectura {#props-are-read-only}
239239

240-
Ja sigui que declaris un component [com una funció o com una classe](#function-and-class-components), aquest mai ha de modificar les seves props. Considera aquesta funció `sum`:
240+
Tant si declares un component, [com una funció o com una classe](#function-and-class-components), aquest mai ha de modificar les seves props. Considera aquesta funció `sum`:
241241

242242
```js
243243
function sum(a, b) {
244244
return a + b;
245245
}
246246
```
247247

248-
Aquestes funcions són cridades ["pures"](https://en.wikipedia.org/wiki/Functional_programming#Pure_functions) perquè no tracten de canviar les seves entrades, i sempre tornen el mateix resultat per a les mateixes entrades.
248+
Aquestes funcions són anomenades ["pures"](https://en.wikipedia.org/wiki/Functional_programming#Pure_functions) perquè no intenten canviar les seves entrades, i sempre tornen el mateix resultat per a les mateixes entrades.
249249

250250
En contrast, aquesta funció és impura perquè canvia la seva pròpia entrada:
251251

0 commit comments

Comments
 (0)