Feature Loading Message

Offen Anfängerfreundlich
#22 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Anfängerfreundlichkeit
65/100
Issue-Typ
Feature
Klarheit
Klar beschrieben
Aktivitätsstatus
Veraltet
Tech-Stack
javascript, react
Bereich
frontend

Rechercherichtung

Beginne mit der -Komponente und vergleiche ihren Ansatz zum Abrufen von Daten mit dem Beispiel der Pokemon-App. Teste mit https://cyf-react.glitch.me/delayed; abgeschlossen ist die Aufgabe, wenn eine Meldung, die den Benutzer zum Warten auffordert, sichtbar bleibt, bis die Buchungen gerendert werden, und anschließend ausgeblendet wird.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature

Show a loading message

Instructions:

Show a loading state in <Bookings /> while the data from the server is being fetched. To test this, try loading data from https://cyf-react.glitch.me/delayed, which has a 5 second delay before returning the data. You will need to use another state to record when your application is loading data (this can be a boolean) and display a loading message whenever the application is loading data.

Hint: Try looking at your Pokemon app for an example.

Test:

  • A message inviting the user to wait should be displayed on the screen until bookings data can be rendered on the screen.
  • When bookings are rendered, the loading message should be hidden.
Vorherrschende Sprache
JavaScript
Sterne
1
Forks
28
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus CodeYourFuture/React-Module-Project

Alle Issues in CodeYourFuture/React-Module-Project

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.