[nice to have] Add visual elements to navigate through site and track progress.
Personne n'a encore pris cette issue.
- Langage dominant
- JavaScript
- Étoiles
- 11.8k
- Forks
- 7.9k
- Merge moyen
- 1 j 11 h
- PR mergées (30 j)
- 11
Description
The new Beta docs has been a great upgrade. It would be nice if we add a roadmap for react. When a new user starts reading the articles for the first time he/she will see almost 30+ links (links in the content alone) in the first page that takes them to different parts of our site or other external site.
But could we do it more in a visual way?
Like the https://roadmap.sh/react but more interactive?
Why show the flow of articles in a visual way?
The user can easily track their progress and will know what they can expect as they read. Also it would be very useful for them to move one after another and find topics they came for without having to toggle the navigations or search.
https://github.com/reactjs/reactjs.org/issues/22
What I'm trying to say is we can actually make a "choose your own adventure" model (reference 1, reference 2) represented in a graph (Like interactive roadmap) that connects the articles in the site so that they can choose their own adventure. since we are currently adding more visualisations to the site it would be a nice to have feature.
What are your views on this?
Can we add one? or Would it be a overkill?
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par examiner la première page de la documentation Beta, ainsi que les ressources référencées dans roadmap.sh/react et les exemples liés, afin de comprendre la navigation visuelle et interactive proposée. L’issue ne nomme aucun fichier ni test ; sa réalisation nécessiterait d’abord de s’accorder sur le périmètre de la roadmap, les liens entre les articles et le design d’interaction avant de passer à l’implémentation.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript, react
- Domaine
- documentation, frontend, web-dev
- Type d'issue
- Fonctionnalité
- Difficulté
- 5/5
- Temps estimé
- Plus d'une semaine
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 25/100