Ich migriere eine existierende React App von director
auf react-router
um. Während ich es bis jetzt liebe, war das Verwalten der Historie ohne erneute Wiedergabe einer ganzen Seite mit Director einfach, und ich bin mir nicht sicher, ob dies mit react-router
möglich ist.Rendern von Unteransichten, Verwalten des Verlaufs und nicht erneutes Rendern der gesamten Ansicht. Ist das möglich?
Was ich tun möchte, ist eine Ansicht, nennen wir es Slides
und zwei andere verschachtelte Ansicht Komponenten nennen wir sie One
und Two
.
Im Router würden diese Komponenten /slides
, slides/one
und slides/two
zugeordnet werden.
Slides
enthält verschiedene Layoutkomponenten wie Header
, Nav
und Footer
. Diese sind im Wesentlichen statisch.
Jetzt gibt es eine Übergangsanimation, die beim Navigieren zwischen den Dias abgespielt wird. Mit meinem vorherigen Router konnte ich dies erreichen, ohne Slides
und alle seine Unterkomponenten wieder rendern zu müssen. Nach dem Lesen https://github.com/reactjs/react-router/issues/266 und https://github.com/reactjs/react-router/issues/3691 dachte ich, dass dies möglicherweise nicht möglich ist.
Ist die akzeptierte Möglichkeit, dies über CSSTransitionsGroup
zu tun und akzeptieren Sie einfach das Rendern? Es wäre nicht so gut für die Benutzeroberfläche, wenn das Rendering langsam wäre und diese statischen Komponenten ein- und ausblinken oder so.
Jeder Rat würde geschätzt werden!