Bibliothèques frontales pour les projets angulaires 2

Question

Fondamentalement, je suis un développeur Laravel et j'apprends actuellement le cadre angulaire 2. J'ai géré mes actifs frontaux de tierces parties via bower. Voici l'exemple de mon bower.json

{ 
    "name": "Bower Components", 
    "dependencies": { 
    "titatoggle": "https://github.com/kleinejan/titatoggle.git#~1.2.6", 
    "tinymce": "git://github.com/tinymce/tinymce-dist.git#~4.1.10", 
    "eonasdan-bootstrap-datetimepicker": "^4.17.37", 
    "jquery-toast-plugin": "^1.3.1", 
    "Sortable": "^1.4.2", 
    "bootstrap": "^3.3.7", 
    "font-awesome": "fontawesome#^4.7", 
    "bootbox.js": "bootbox#^4.4.0" 
    } 
} 

Il sauve la dépendance ci-dessus dans le dossier public/fournisseur de ma configuration de projet Laravel. Dans le modèle de base ou la vue, je l'avais référencé comme indiqué ci-dessous.

<link rel="stylesheet" href="{{ asset("vendor/jquery-toast-plugin/dist/jquery.toast.min.css") }}"> 
<link rel="stylesheet" href="{{ asset("vendor/titatoggle/dist/titatoggle-dist-min.css") }}"> 
<link rel="stylesheet" href="{{ asset("vendor/font-awesome/css/font-awesome.min.css") }}"> 
<link rel="stylesheet" href="{{ asset('vendor/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css') }}" /> 

C'était simplement simple! Si vous avez besoin d'intégrer une nouvelle fonctionnalité, ajoutez-la à la dépendance, lancez l'installation de bower, ajoutez une étiquette de référence et c'est fait.

Mais Angular 2 a une histoire et une architecture différentes. Il préfère gérer toutes ses dépendances via le gestionnaire de paquets npm. C'est modulaire. J'apprécie énormément la liberté de séparer la partie frontale de la partie arrière car cela nous permettra de développer une application back-end commune à la fois pour l'application web et l'application mobile. Ok, je vais hors sujet ici. Venons au point. En attendant, je n'ai trouvé aucune alternative pour les bibliothèques frontales que j'utilise. Certaines bibliothèques telles que titatoggle, eonasdan-bootstrap-datetimepicker, jquery-toast-plugin, Sortable qui sont des choses vraiment géniales sont manquantes dans le dépôt npm. Pouvez-vous suggérer des alternatives ou des recommandations qui s'inscrivent dans la convention angulaire2.

Answer 1

Si vous travaillez avec Angular 2 et Bootstrap, une proposition très solide pour un datpicker serait https://ng-bootstrap.github.io/#/components/datepicker. Il s'agit d'une directive entièrement native, ce qui signifie que vous n'avez pas besoin d'importer jQuery. Evidemment, il est disponible sur npm et supporte les spécificités d'Angular2 comme AoT et le rendu côté serveur avec universal (quelque chose de très dur avec jQuery-wrapped widgets).