Use `clientOnly` without isolating component in its own file

Métricas do repositório

Stars

4.187 stars (4.187 stars)

Métricas de merge de PR

Mesclagem média 22h 5m (Mesclagem média 22h 5m)3 fundiu PRs em 30d (3 fundiu PRs em 30d)

Description

import { clientOnly } from "@solidjs/start"

function ClientOnlyComponent() {
  const location = window.document.location
  return <div>{location.href}</div>
}

type ResolveClientComponent = (value: {
  default: Component
}) => void

export default clientOnly(
  () =>
    new Promise((resolve: ResolveClientComponent) => {
      resolve({ default: ClientOnlyComponent })
    }),
)

Guia do colaborador

Direção de pesquisa

Examine a implementação atual da função `clientOnly` no solid start (provavelmente em `packages/start`). Considere modificar a API para aceitar um componente diretamente em vez de uma importação dinâmica. Revise os comentários e discussões existentes para abordagens alternativas. Implemente uma nova sobrecarga ou função auxiliar que envolve o componente em uma resolução de Promise.

Pilha de tecnologia

typescriptsolidjs

Domain

frontend

Tipo Issue

Funcionalidade

DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.

2

Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.

Meio dia

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

Ativo

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

Claro

Prerequisites

None

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

70