reactjs / reactjs/react.dev

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

Aberta
#4,117 0 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Linguagem predominante
JavaScript
Estrelas
11.8k
Forks
7.9k
Merge médio
1d 11h
PRs com merge (30d)
11

Descrição

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?

Guia de contribuição

Abrir o guia de contribuição

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Direção de pesquisa

Comece revisando a primeira página da documentação Beta, além do conteúdo referenciado em roadmap.sh/react e dos exemplos vinculados, para entender a navegação visual e interativa proposta. A issue não nomeia arquivos nem testes; para concluí-la, primeiro seria necessário chegar a um acordo sobre o escopo do roadmap, as conexões entre os artigos e o design de interação antes da implementação.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript, react
Domínio
documentation, frontend, web-dev
Tipo de issue
Funcionalidade
Dificuldade
5/5
Tempo estimado
Mais de uma semana
Status de atividade
Estagnada
Clareza
Precisa de esclarecimento
Facilidade para iniciantes
25/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.