APIs React Integradas
Em adição aos Hooks e Componentes, o pacote react
exporta algumas outras APIs que são úteis para definir componentes. Essa página lista todas as APIs modernas restantes do React.
createContext
permite que você defina e forneça contexto aos componentes filhos. Utilizado comuseContext
.forwardRef
permite que seu componente exponha um nó do DOM como uma referência para o pai. Utilizado comuseRef
.lazy
permite adiar o carregamento do código de um componente até que ele seja renderizado pela primeira vez.memo
permite que seu componente evite re-renderizações se as propriedades (props
) forem as mesmas. Utilizado comuseMemo
euseCallback
.startTransition
permite marcar uma atualização de estado como não urgente. Semelhante auseTransition
.
Resource APIs
Resources podem ser acessados por um componente sem tê-los como parte de seu estado. Por exemplo, um componente pode ler uma mensagem de uma Promise ou ler informações de estilo de um context.
Para ler um valor de um recurso, use esta API:
function MessageComponent({ messagePromise }) {
const message = use(messagePromise);
const theme = use(ThemeContext);
// ...
}