Découvrons ensemble la mise en place des Signals, dans un composant, vers l’utilisation avec ngRx.
Découvrons ensemble la mise en place des Signals, dans un composant, vers l’utilisation avec ngRx.
Ca y est TypeScript 5 est sorti. Et avec cette version l’arrivée du support des “vrais” decorators ! (pour anticiper la possible validation par la TC39 en 2024). Voyons ça de suite avec la création de deux decorateurs : un premier pour se chauffer : un logger de méthode, puis nous passerons à la construction d’un décorateur de validation. Logger
Nous allons voir comment installer et configurer une application angular avec ngrx et bootstrap. Configuration Création du workspace angular ng new workspace –create-application=false Ajout de l’application Dans le workspace, ajouter une application : ng g app back-office. Installation de ngrx ng add @ngrx/store Installation de ngrx Ajout de bootstrap ng add ngx-bootstrap Création des différentes
Ca y est la préparation de la version 16 d’angular est lancée ! Et une grande nouveauté ce sont les Signaux ! Où comment se passer de rxjs ? Et peut-être même du detect changes, onchanges hook ? D’où ça vient ? Voyons d’abord d’où ça vient. C’est très inspiré de SolidJs. Où leur utilité
Depuis la mise à jour angular 15, nous avons une toute nouvelle façon de gérer les modules, et les non modules ahah. Dans notre main.ts, maintenant, plus de AppModule : bonjour les provide functions. Alors nous nous sommes dits : comme respecter ce principe et créer notre propre provide function ?! Découvrons comment faire ensemble
Utilise dotenv dans angular 15
Lorsqu’on travaille avec Angular, et que l’on souhaite passer des informations entre routes, il existe plusieurs moyens. On peut par exemple penser au passage de paramètre GET, comme une url MPA normale. Un autre moyen est le passage de paramètre via l’attribut data de chaque route. Nous verrons aussi le passage de paramètre dynamique. Découvrons
Nous continuons notre série autour des observables et de RxJs. Après avoir vu le filter et parler des map, nous allons approfondir nos connaissances avec switchMap, concatMap, mergeMap. Les operators ne sont que des fonctions Rappelons tout d’abord que les operators, Observable, ne sont que des fonctions orchestrés en mode programmation fonctionnelle, programmation Reactive.
Maintenant que nous avons saisi l’intérêt des operators de RxJs avec map et tap, voyons troisième, qui est très pratique pour sélectionner ce qui est réellement émis en résultat dans notre pipe : filter. Bien comprendre l’Observable Rappelons de nouveau ce qu’est une observable : c’est un tuyau d’émission où un souscriveur va attendre qu’on lui
Continuons notre aventure des Observables, en nous arrêtant sur les premiers operateurs que vous allez obligatoirement utiliser, à savoir : tap et map. Découvrons les operators Vous vous souvenez de la commande fetch de vanilla js ? Pour récupérer le json envoyé depuis l’api, vous aviez du faire deux then : un premier pour récupérer le
Cookie | Durée | Description |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |