reactjs / reactjs/react.dev

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

Abierto
#4,117 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Lenguaje dominante
JavaScript
Estrellas
11.8k
Forks
7.9k
Merge medio
1 d 11 h
PR fusionados (30 d)
11

Descripción

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?

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza revisando la primera página de la documentación Beta, junto con los contenidos referenciados en roadmap.sh/react y los ejemplos enlazados, para comprender la navegación visual e interactiva propuesta. El issue no menciona archivos ni pruebas; para completarlo, primero habría que acordar el alcance del roadmap, las conexiones entre artículos y el diseño de interacción antes de la implementación.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript, react
Área
documentation, frontend, web-dev
Tipo de issue
Nueva funcionalidad
Dificultad
5/5
Tiempo estimado
Más de una semana
Estado de actividad
Estancado
Claridad
Necesita aclaración
Aptitud para principiantes
25/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.