Migrating AngularJS libraries
Third-party libraries are the usual blockers in an AngularJS migration. For each one: what replaces it in modern Angular and how to move.
- Bootstrap componentsangular-ui-bootstrap (ui.bootstrap)
- data gridui-grid (angular-ui-grid)
- internationalizationangular-translate
- Material Design componentsAngularJS Material (angular-material 1.x)
- REST clientRestangular
- REST clientngResource ($resource)
- datesangular-moment / Moment.js
- select and autocompleteui-select (angular-ui-select)
- modals and dialogsngDialog / $uibModal / $mdDialog
- notificationsangular-toastr / toastr
- tablesng-table / smart-table
- chartsangular-chart.js
- file uploadsng-file-upload
- authenticationsatellizer / angular-jwt
- browser storagengStorage / angular-local-storage
- dynamic formsangular-formly
- drag and dropui-sortable / ng-sortable / dragula
- lazy loadingocLazyLoad
- UI component suiteKendo UI for jQuery (AngularJS directives)
- animationsngAnimate
- input masksui-mask / angular-input-masks
- mapsangular-google-maps / ngMap
- mapsangular-leaflet-directive
- rich text editorstextAngular / ui-tinymce / ng-ckeditor
- data tablesangular-datatables (jQuery DataTables)
- session idle timeoutng-idle
- HTTP progress barangular-loading-bar
- loading overlayangular-block-ui
- infinite scrollng-infinite-scroll
- carouselsangular-carousel / slick-carousel (angular-slick)
- tag inputng-tags-input
- tree viewsangular-ui-tree
- dashboard gridangular-gridster
- CSV and Excel exportng-csv / export helpers
- real timeangular-socket-io / WebSocket services
- authorizationangular-permission
- inline editingangular-xeditable
- date and time pickersangular-bootstrap-datetimepicker / ui-date
- PDF viewingangular-pdf / pdf.js directives
- copy to clipboardngClipboard / angular-clipboard
- keyboard shortcutsangular-hotkeys
- cookiesngCookies ($cookies)
- HTML sanitizingngSanitize ($sanitize, ng-bind-html, linky)
- accessibilityngAria
- D3 chartsnvd3 / angular-nvd3 / D3 directives
- Highchartshighcharts-ng
- code editorsui-codemirror / ui-ace
- utility functionslodash / underscore in AngularJS code
Planning a migration or a micro-frontend platform?
In a 20-minute call you describe your situation and I tell you how I'd approach it. If it isn't worth doing yet, I'll say so.
Message me on LinkedIn