Skip to content

Commit

Permalink
feat: apply review comments
Browse files Browse the repository at this point in the history
  • Loading branch information
BlueCutOfficial committed Aug 30, 2024
1 parent fb7abbb commit af790ef
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion .local.dic
Original file line number Diff line number Diff line change
Expand Up @@ -428,7 +428,7 @@ singularize
skip
source-readibility
sourcemap/nombrable
Splattributes
splattributes
SSR
stacktrace/nombrable
stateful
Expand Down
2 changes: 1 addition & 1 deletion .remarkignore
Original file line number Diff line number Diff line change
Expand Up @@ -23,8 +23,8 @@ guides/**/*.md
!guides/applications/run-loop.md
!guides/code-editors/index.md
!guides/components/block-content.md
!guides/components/component-arguments-and-html-attributes.md
!guides/components/built-in-components.md
!guides/components/component-arguments-and-html-attributes.md
!guides/components/looping-through-lists.md
!guides/configuring-ember/build-targets.md
!guides/getting-started/anatomy-of-an-ember-app.md
Expand Down
8 changes: 4 additions & 4 deletions guides/components/component-arguments-and-html-attributes.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
Les composants deviennent des éléments utiles d'une application quand on les rend "réutilisables". Lorsqu'on réutilise efficacement les composants, on peut éviter d'avoir à recréer des parties de l'app encore et encore. Si vous voulez "réutiliser" un composant à plusieurs endroits, vous aurez besoin d'un moyen d'en abstraire certaines parties.
Les composants deviennent des briques utiles d'une application quand on les rend "réutilisables". Lorsqu'on réutilise efficacement les composants, on peut éviter d'avoir à recréer des parties de notre app encore et encore. Si vous voulez "réutiliser" un composant à plusieurs endroits, vous aurez besoin d'un moyen d'en abstraire certaines parties.

Commençons par deux composants d'avatar similaires mais non identiques, qui représentent deux utilisateurs différents :

Expand All @@ -20,15 +20,15 @@ La "structure" de ces composants est identique, mais ils ont un contenu (l'initi
<div class="cta-note">
<div class="cta-note-body">
<div class="cta-note-message">
Vous avez peut-être noté la classe <code>is-active</code> sur l'avatar du message reçu, présente dans l'exemple des chapitres précédents, est absente dans celui-ci. Nous couvrirons ça dans le chapitre suivant, dans <a href="../conditional-content">Contenu Conditionnel</a>.
Vous avez peut-être noté que la classe <code>is-active</code> sur l'avatar du message reçu, présente dans l'exemple des chapitres précédents, est absente dans celui-ci. Nous couvrirons ça dans le chapitre suivant, dans <a href="../conditional-content">Contenu Conditionnel</a>.
</div>
</div>
</div>
</div>

## Arguments

Nous pouvons créer un composant utilisable dans les deux situations en factorisant sous forme de _template_ les parties du HTML qui sont différentes.
Nous pouvons créer un composant utilisable dans les deux situations en combinant sous forme de _template_ les parties du HTML qui sont différentes.

```handlebars {data-filename="app/components/avatar.hbs"}
<aside>
Expand Down Expand Up @@ -95,7 +95,7 @@ Le composant `avatar` doit également spécifier où placer les attributs qui on
</aside>
```

La syntaxe `...attributes` détermine où les attributs d'une balise doivent apparaître dans le _template_ du composant. N'importe quel nombre d'attributs peuvent désormais être spécifiés sur composant `avatar`, et ils se retrouveront tous sur l'élément qui a la syntaxe `...attributes`.
La syntaxe `...attributes` (appelée _splattributes_) détermine où les attributs d'une balise doivent apparaître dans le _template_ du composant. N'importe quel nombre d'attributs peuvent désormais être spécifiés sur le composant `<Avatar>`, et ils se retrouveront tous sur l'élément qui a la syntaxe `...attributes`.

<div class="cta">
<div class="cta-note">
Expand Down

0 comments on commit af790ef

Please sign in to comment.