Use `clientOnly` without isolating component in its own file · solidjs/solid-start#1929

(4 commenti) (0 reazioni) (0 assegnatari)HTML (332 fork)batch import

help wanted

Metriche repository

Star: (4187 star)
Metriche merge PR: (Merge medio 22h 5m) (3 PR mergiate in 30 g)

Descrizione

What is this request related to?

Request

📋 General description or bullet points

Provide a way of using clientOnly without creating a separate file. Code wise, this could be more ergonomic.

Could also create a helper function to directly translate component function to client only component.

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 })
    }),
)

🖥️ Reproduction of code samples in StackBlitz

StackBlitz doesn't support solid-start

Guida contributor

Direzione di ricerca: Esamina l'implementazione corrente della funzione `clientOnly` in solid start (probabilmente in `packages/start`). Considera di modificare l'API per accettare direttamente un componente invece di un'importazione dinamica. Rivedi i commenti e le discussioni esistenti per approcci alternativi. Implementa un nuovo overload o una funzione helper che avvolge il componente in una risoluzione di Promise.
Tech stack: typescriptsolidjs
Dominio: frontend
Tipo issue: Funzionalità
Difficoltà: 2
Tempo stimato: Mezza giornata
Stato attività: Attiva
Chiarezza: Chiara
Prerequisiti: Nessuno
Adatta ai principianti: 70