reactjs / reactjs/react.dev

[nice to have] Add visual elements to navigate through site and track progress.

Ouverte
#4,117 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

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

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. 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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.