Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Feature Order

Offen
#12 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
50/100
Issue-Typ
Refactoring
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
javascript
Bereich
frontend

Rechercherichtung

Löse zuerst die Abhängigkeit von issue #11 auf, lokalisiere dann die Restaurant-Komponente und ihr aktuelles Pizzas-Listenelement, den orders-Status und die orderOne-Funktion. Extrahiere diese Teile in Order, verwende Order in Restaurants ul und überprüfe, dass die Pizza weiterhin gerendert wird und Add die Anzahl der Bestellungen weiterhin erhöht.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

♟️ Dependent ticket 🐇 Size Small 📅 Week 2 🧩 Feature

Instructions:

Extract the <li> containing "Pizzas" from the <Restaurant /> component to a new component named Order. Also, move the declaration of the orders state and the orderOne function from the <Restaurant /> component to the new <Order /> component. Use the <Order /> component in the <ul> list of the <Restaurant /> component.

Dependent on #11

Test:

  • The pizza order is still rendered on the page
  • Clicking on the "Add" button still increments the number of orders.
Vorherrschende Sprache
JavaScript
Sterne
1
Forks
28
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Entwicklungsumgebung

Die Einrichtungsdateien dieses Projekts haben wir noch nicht geprüft. Beginnen Sie mit der README; die allgemeinen Schritte stehen in unserem Leitfaden für den ersten Beitrag.

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.