reactjs / reactjs/react.dev

[Suggestion]: portals caveat

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

Ninguém assumiu esta issue ainda.

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

Descrição

Summary

The problems solved by portals can also be solved by the dialog element, popover API and anchor positioning.

I think it is worth mentioning that on the page less people think the only approach is to use portals.

Page

https://react.dev/reference/react-dom/createPortal

Details

I wrote about it here: https://fullystacked.net/portal/

I don’t think native popovers are perfect. There will probably always be a need for this portal API, but I think the main example shouldn’t be a modal. That genuinely is better solved with the native HTML element.

I’m not suggesting a large new section, just a brief note to say there are other approaches.

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

Abra a página de referência de React DOM createPortal vinculada na issue e revise seu exemplo de modal e a explicação ao redor. Adicione uma breve observação reconhecendo diálogos, popovers e posicionamento de âncoras como alternativas nativas e, em seguida, verifique se a página apresenta claramente os portais como uma opção, e não como a única abordagem.

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

Avaliação

Stack de tecnologia
html, react
Domínio
documentation
Tipo de issue
Documentação
Dificuldade
2/5
Tempo estimado
1-3 horas
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
55/100

Receba novas issues na sua caixa de entrada

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