Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Extend `presence` to reach feature parity with `transition-group`

Aperta
#466 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
30/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Inizia leggendo le implementazioni e le API di createPresence e createSwitchTransition, quindi confrontale con createListTransition. Definisci come devono comportarsi le modalità parallela e in-out, i callback di completamento dell’animazione e le transizioni delle liste prima di modificare l’API. Il lavoro è completato quando createPresence corrisponde a createSwitchTransition e il nuovo createPresenceList corrisponde a createListTransition.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement
Describe The Problem To Be Solved

presence is super helpful for transitioning between components without unmounting them. However, it is missing some features that are present in transition-group despite being useful in the same scenarios, mainly:

  1. Modes: parallel and in-out
  2. Callbacks for animation completion (instead of duration-based timeout)
  3. List transitions
Suggest A Solution

Update createPresence to match the API of createSwitchTransition. Add an additional hook, createPresenceList that matches the API of createListTransition. I don't anticipate any major difficulty in this because the implementation should mirror that of transition-group but I haven't looked into the source of either library too deeply yet.

I would be open to creating a PR for this as I will be building this functionality anyway as part of a private project.

Lingua principale
TypeScript
Stelle
1.6k
Fork
162
Merge medio
19h 40m
PR unite (30g)
8

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di solidjs-community/solid-primitives

Tutte le issue di solidjs-community/solid-primitives

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.