feat: add article composants polymorphes typescript react #995
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
github-actions
bot
temporarily deployed
to
dev-feat/composants-polymorphes-typescript-react
fpasquet
force-pushed
the
feat/composants-polymorphes-typescript-react
branch
from
270c7c9
to
43d703b
Compare
github-actions
bot
temporarily deployed
to
dev-feat/composants-polymorphes-typescript-react
fpasquet
added
status/reviewable
fpasquet
force-pushed
the
feat/composants-polymorphes-typescript-react
branch
from
43d703b
to
7681092
Compare
ch3ric
reviewed
Oct 20, 2023
|
|
||
| La polyvalence des composants polymorphes repose sur votre capacité à anticiper les besoins variés de votre librairie UI et à concevoir des composants capables de s'adapter à une multitude de cas d'utilisation. | ||
|
|
||
| L'avenir de la conception de librairies UI est prometteur, avec des composants polymorphes qui deviennent de plus en plus essentiels pour répondre aux besoins d'interfaces utilisateur flexibles et dynamiques. En investissant du temps et des ressources dans la création de composants polymorphes bien conçus, vous pouvez contribuer à l'évolution positive de la conception d'interfaces utilisateur et à la satisfaction de vos utilisateurs. |
There was a problem hiding this comment.
Suggested change
| L'avenir de la conception de librairies UI est prometteur, avec des composants polymorphes qui deviennent de plus en plus essentiels pour répondre aux besoins d'interfaces utilisateur flexibles et dynamiques. En investissant du temps et des ressources dans la création de composants polymorphes bien conçus, vous pouvez contribuer à l'évolution positive de la conception d'interfaces utilisateur et à la satisfaction de vos utilisateurs. | |
| L'avenir de la conception de librairies UI est prometteur, avec des composants polymorphes qui deviennent essentiels pour répondre aux besoins d'interfaces utilisateur flexibles et dynamiques. En investissant du temps et des ressources dans la création de composants polymorphes bien conçus, vous pouvez contribuer à l'évolution positive de la conception d'interfaces utilisateur et à la satisfaction de vos utilisateurs. |
|
|
||
| L'avenir de la conception de librairies UI est prometteur, avec des composants polymorphes qui deviennent de plus en plus essentiels pour répondre aux besoins d'interfaces utilisateur flexibles et dynamiques. En investissant du temps et des ressources dans la création de composants polymorphes bien conçus, vous pouvez contribuer à l'évolution positive de la conception d'interfaces utilisateur et à la satisfaction de vos utilisateurs. | ||
|
|
||
| Si vous souhaitez voir quelques exemples plus concrets de composants polymorphes ([Box](https://github.com/fpasquet/my-design-system/blob/master/src/components/Atoms/Layout/Box/Box.tsx), [Link](https://github.com/fpasquet/my-design-system/blob/master/src/components/Atoms/Link/Link.tsx), [Heading](https://github.com/fpasquet/my-design-system/blob/master/src/components/Atoms/Typography/Heading/Heading.tsx) ...), vous pouvez vous rendre sur ce [dépot GitHub](https://github.com/fpasquet/my-design-system). |
There was a problem hiding this comment.
lien vers le design système eleven ?
| authors: | ||
| - fpasquet | ||
| --- | ||
|
|
There was a problem hiding this comment.
contexte : lien vers les articles parents design system
| ## Qu'est-ce qu'un composant polymorphe ? | ||
|
|
||
| En développement d'interfaces utilisateur, un composant polymorphe est un élément qui a la capacité d'adopter le comportement et l'apparence de n'importe quel élément HTML. Cela signifie qu'un même composant peut s'afficher en tant qu'ancre (lien hypertexte) ou en tant que bouton, tout en maintenant une cohérence visuelle. Il est essentiel de noter que, visuellement, ce composant demeure identique, quel que soit le rôle qu'il joue. | ||
|
|
There was a problem hiding this comment.
ajouter des screenshot pour représenter visuellement un exemple : un bouton/lien par ex
| )); | ||
| ``` | ||
|
|
||
| Pour créer notre composant Box, nous utilisons la librairie `react-polymorphed` qui simplifie le processus de création de composants polymorphes avec TypeScript. Nous avons créé une fonction `polyRef` pour surcharger le type de retour de `forwardRef` avec `PolyRefFunction`. Cela nous permet d'obtenir une référence à tous les composants que nous créons. |
There was a problem hiding this comment.
expliquer ce qu'apporte vraiment cette lib (des types?)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.