Optimieren Sie Ihre Pull-Anfragen mit animierten GIFs

Als Teil Ihres Ansatzes der kontinuierlichen Integration und Auslieferung oder sogar der progressiven Auslieferung, wenn Sie so wollen, wollen Sie, dass Ihr Code schnell live geht. Um die Qualität und Wartbarkeit Ihres Codes zu gewährleisten, verwenden Sie Pull Requests. Eine andere Person muss Ihre Änderungen überprüfen und genehmigen. Dieser Prozess kann einige Zeit in Anspruch nehmen, da der Prüfer sich das Ergebnis Ihres Codes vor Augen führen muss. In diesem Beitrag erkläre ich Ihnen, wie Sie Ihre Pull Requests mit animierten GIFs schneller genehmigen lassen können.

Ein cooler Schwebeeffekt

Um das Argument für animierte GIFs zu untermauern, brauchen Sie etwas Visuelles. Als Beispiel verwende ich ein in CSS geschriebenes Styling.

Betrachten Sie den folgenden Code:

.cool-hover {
  transition: background-color 1s ease;
}
.cool-hover:hover {
    transition: background-color 1s ease;
    background-color: #517AEC;
}

Ein HTML-Element, das die Klasse "cool-hover" enthält, zeigt eine blaue Farbe an, wenn ein Benutzer den Mauszeiger über das Element bewegt.

Die Datei-Änderungen im PR könnten etwa wie folgt aussehen:

Anhand des obigen Codes lässt sich das resultierende Verhalten vielleicht schon erkennen. Je komplexer Ihr Code wird, desto länger dauert es, jemandem, der Ihren PR überprüft, das Verhalten zu erklären.

Animierte GIFs zur Rettung

Wir werden einen kurzen Clip des Verhaltens aufnehmen, damit wir ihn der PR hinzufügen können. Es sind verschiedene Tools verfügbar. Ich verwende ScreenToGif. Es ist einfach zu bedienen und kostenlos.

Öffnen Sie den Rekorder:

Passen Sie die Bildschirmgröße an, um das Verhalten zu erfassen, und klicken Sie auf Aufzeichnen:

Wenn Sie auf die Schaltfläche Stopp klicken, öffnet sich ein weiteres Fenster, in dem Sie Ihre Aufnahme bearbeiten können. Hier können Sie eine Menge Nachbearbeitungen vornehmen. Klicken Sie auf Speichern:

 

Der Encoder wird gestartet und erzeugt das GIF.

Wenn Sie Azure DevOps verwenden, müssen Sie die Beschreibung bearbeiten, bevor Sie das GIF ziehen und ablegen.

Öffnen Sie den Zielordner und ziehen Sie das GIF auf Ihre PR-Seite im Browser.

Azure DevOps erstellt eine URL für das GIF, damit Sie es leicht finden können. Klicken Sie auf "Speichern" und Ihr PR ist bereit für die Überprüfung.
Sie können auch ein "Vorher"-GIF hinzufügen und ein paar grundlegende Änderungen vornehmen, um es visuell ansprechender zu gestalten:

Fazit

Das Hinzufügen von animierten GIFs zu Pull-Anfragen kann eine wirkungsvolle Methode sein, um die Überprüfungszeit zu verkürzen. Es ist auch offensichtlicher, wie sich Ihre Codeänderungen auf das Frontend auswirken und lässt weniger Raum für Diskussionen. Denken Sie schließlich an den Moment, in dem Sie eine Veröffentlichung planen und die Versionshinweise kommunizieren möchten. Jetzt haben Sie einen Überblick über alle zugehörigen Arbeitsaufgaben mit den dazugehörigen PRs und Animationen. Diese können auch von Personen interpretiert werden, die keine Entwickler sind.

Lassen Sie mich wissen, was Sie denken

Ihre Kommentare sind mehr als willkommen! Sie können diese unten im Kommentarbereich hinzufügen oder mir eine Nachricht auf LinkedIn schicken.

Ich bin ein Spezialist bei Qxperts. Wir unterstützen Unternehmen dabei, zuverlässige und hochwertige Software zu entwickeln. Haben Sie Fragen? Wir sind für Sie da! www.qxperts.io