reactjs / reactjs/react.dev

[Suggestion]: Add Collapse Feature for Left-Side Menu

Offen
#7,203 4 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

type: documentation
Vorherrschende Sprache
JavaScript
Sterne
11.8k
Forks
7.9k
Ø Merge
1 T. 11 Std.
Gemergte PRs (30 T.)
11

Beschreibung

Summary

The left-side navigation menu in the React official documentation currently lacks a collapse feature. When navigating through long lists, users have to scroll to the bottom to access other sections. This can be inconvenient, especially when switching between categories such as “Hook” or “Components”.

image
Page

No response

Details

Proposal:
Add a collapse/expand functionality for the left-side navigation menu. This would allow users to collapse currently opened sections and easily navigate to other sections without extensive scrolling.

Additional Information:
I would be happy to contribute to this feature and submit a pull request to implement the collapse functionality. Please let me know if this is something the team is open to, and I can start working on it.

Thank you for considering this feature request!

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginnen Sie damit, die Implementierung der Navigation auf der linken Seite der React-Dokumentationswebsite zu finden und zu prüfen, wie Abschnitte wie Hooks und Components gerendert werden. Legen Sie fest, wie sich das Ein- und Ausklappen für die derzeit geöffneten Abschnitte verhalten soll, und verifizieren Sie anschließend, dass Benutzer andere Abschnitte ohne umfangreiches Scrollen erreichen können. Da im Issue keine Dateien oder Tests genannt werden, muss zuerst der relevante Einstiegspunkt gefunden werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react
Bereich
documentation
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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