[FEATURE REQUEST] Shared element transitions support
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- typescript
Línea de trabajo
No se nombra ningún archivo del repositorio, prueba ni punto de entrada. Empieza leyendo la guía de desarrollo vinculada de shared-element-transitions y comprobando el modelo actual de transición del router; se consideraría terminado cuando exista un enfoque definido y compatible con los navegadores para implementar shared element transitions en SPAs de Solid.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
This is likely out of the scope for the time being, especially since the feature is still locked behind the chrome://flags/#document-transition flag in chrome canary.
Some resources on the incoming API in question:
- https://github.com/WICG/shared-element-transitions
- https://github.com/WICG/shared-element-transitions/blob/main/developer-guide.md
- https://www.youtube.com/watch?v=JCJUPJ_zDQ4
The transitions function by rendering the soon to be page as a separate DOM structure (kinda similar to solid's Portal) then taking a screenshot of both the previous element and the new element. These screenshots get animated in some form before the new page's contents become interactable again.
It would be really cool to see this feature power solid SPAs as soon as browsers begin to support it.
High level, this could look like:
const App = () => {
return (
<div style={{width: "100vw", height: "100vh"}}>
<NavBar />
<Routes>
<Route path="/" element={<Dashboard/>} />
<Route path="/content/:id" element={<Content/>} transition={true} />
</Routes>
</div>
);
};
it's assumed the user has configured any required css to customize the transition.
- Lenguaje dominante
- TypeScript
- Estrellas
- 1.3k
- Forks
- 180
- Merge medio
- 1 d 6 h
- PR fusionados (30 d)
- 20
Preparar el entorno
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de solidjs/solid-router
-
Query enumeration recomputes on pathname/hash-only navigation with unchanged search (Solid 2)Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 74/100
solidjs/solid-router#624 ·
Los mantenedores suelen responder en 1 día
-
<A> costs ~6us of server CPU per instance during SSR (20x a plain <a>), mostly mergeProps/splitPropsAbierto
Dificultad 4/5 3-5 días Aptitud para principiantes 55/100
solidjs/solid-router#583 ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
solidjs/solid-router#569 · 3 comentarios ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 3/5 1-2 días Aptitud para principiantes 38/100
solidjs/solid-router#518 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
enhancement
Dificultad 3/5 1-2 días Aptitud para principiantes 64/100
solidjs/solid-router#502 · 4 comentarios ·
Los mantenedores suelen responder en 1 día
Todos los issues de solidjs/solid-router
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
melgarafael/DeskcommCRM#1812 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
prisma/prisma-cli#309 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
gregwebs/pi-quota-dispatcher#26 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
openwatersio/slackwater.xyz#124 ·
Los mantenedores suelen responder en 1 día
-
agent-reported area/browser area/docs documentation good first issue hacktoberfest help wanted P2
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
Los mantenedores suelen responder en 2 días