Passer des valeurs à un composant dans Angular est très simple : il suffit de créer des propriétés de type INPUT dans la partie type script de notre composant. C’est ce que nous allons voir tout de suite.
Lire la suiteLe binding bidirectionnel en React permet de rafraichir un composant React afin qu’il affiche la valeur d’une variable au fur et à mesure que celle-ci est modifiée. Cela ne se fait pas simplement en modifiant la valeur de cette variable. En effet, on va devoir utiliser un STATE pour pouvoir gérer ce binding bidirectionnel dans notre composant React.
Lire la suitePour passer des valeurs à un composant React, on va utiliser des propriétés. C’est là tout l’avantage des composants : on réutilise quelque chose de répétitif (les composants) en changeant uniquement quelques valeurs : les propriétés. Ainsi, passer des valeurs à un composant react vous permettra d’avoir quelque chose comme ceci :
<Article name="Casquette" price="20.00">Casquette noire XL</Article>Comment créer un composant dans React, c’est ce que nous allons voir ici.
En effet, dans le précédent article : « Que faut-il installer pour commencer avec React ?« , vous avez découvert comment créer une application HelloWorld après avoir installé tout le nécessaire pour React.
A présent, rentrons dans le vif du sujet et créons un composant réutilisable.
Lire la suite
Un événement est une chose qui se produit et dont on peut être mis au courant en s’y abonnant.
Exemple : l’événement « click » sur un contrôle de type « button » par exemple: en s’y abonnant, on sera prévenu que l’utilisateur a cliqué sur le bouton en question. Pour se faire, on va lier une fonction à cet événement et c’est cette fonction qui sera exécutée lors du clique sur le bouton. Ainsi, on peut effectuer une action sur base d’un événement.
Mais on peut également créer un événement sur un composant et le déclencher quand bon nous semble selon une action ou condition particulière. Ainsi, celui qui utilise notre composant pourra lui-aussi s’abonner à cet événement.
Lire la suiteAvant de continuer dans d’autres techniques de VueJs, nous devons voir l’essentiel : les composants. En effet, dans VueJs, l’objet principal c’est le composant.
Lire la suite
