Toolverse
All skills

angular-migration

by sickn33

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
sickn33
Category
Frontend
Views
4

About this skill

Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.

How to use

  1. Oceń swoją bazę kodu AngularJS — przeanalizuj zależności, rozmiar aplikacji i potencjalne ryzyka migracji, aby wybrać odpowiednią strategię (big bang dla małych aplikacji, inkrementalne dla dużych systemów, vertical slice dla aplikacji ze zróżnicowanymi modułami).
  2. Skonfiguruj ngUpgrade i przygotuj środowisko hybrydowe — zainstaluj Angular obok istniejącego AngularJS, aby uruchamiać obie wersje framework'a równolegle i testować integrację.
  3. Zacznij migrację modułów i komponentów — konwertuj dyrektywy AngularJS na komponenty Angular stopniowo, aktualizując dependency injection zgodnie z nowymi standardami framework'a.
  4. Przeprowadź migrację systemu routingu — zastąp routing AngularJS routerem Angular, upewniając się, że wszystkie ścieżki działają prawidłowo w obu wersjach.
  5. Testuj hybrydową aplikację na każdym etapie — uruchamiaj testy na staging'u, aby zweryfikować, że stare i nowe komponenty współpracują bez konfliktów.
  6. Zaplanuj bezpieczne przejście na produkcję — unikaj jednorazowego przełączenia bez możliwości wycofania, przygotuj rollback i stopniowo kieruj użytkowników na nową wersję.

Related skills

svg-precision

by dkyazzentwatwa

Deterministic SVG generation, validation, and rendering. Use for icons, diagrams, charts, UI mockups, or technical drawings requiring structural correctness and cross-viewer compatibility.

Frontend
233466

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

livewire-development

by spatie

Develops reactive Livewire 4 components. Activates when creating, updating, or modifying Livewire components; working with wire:model, wire:click, wire:loading, or any wire: directives; adding real-time updates, loading states, or reactivity; debugging component behavior;

Frontend
2335

tailwind-design-system

by wshobson

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

Frontend
2676

bubbletea

by hmans

Browse Bubbletea TUI framework documentation and examples. Use when working with Bubbletea components, models, commands, or building terminal user interfaces in Go.

Frontend
2158

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209