A tag used for React Pose, an animation library for React by Popmotion.
Questions tagged [react-pose]
15 questions
2
votes
1 answer
react-pose delay the pose group height transition until after children
const Item = posed.div({
enter: {x: 0, opacity: 1},
exit: {x: 1000, opacity: 0}
});
Currently when I remove an item from the list, the pose group div gets shorter and the item slides out…
AlexMorley-Finch
- 6,785
- 15
- 68
- 103
2
votes
0 answers
React Router + React Pose slide in/out with "POP" or "PUSH" direction
I've been having this issue for over a month, getting back to it with new ideas over and over, but I can't wrap my head around a solution. There must be one out there, this is trivial!
My goal is to normally slide pages in from left and slide out to…
jeyloh
- 81
- 1
- 4
1
vote
0 answers
React Pose component change before transition
I'm moving to React and need to use React Pose.
Javascript code:
import React from 'react';
import '../assets/style.css';
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
import posed, { PoseGroup } from…
far1023
- 113
- 10
1
vote
1 answer
How to get react-pose working with class components?
I've followed the documentation and this blog post but I'm struggling to get anything to work.
Locally, I get the following error: HEY, LISTEN! No valid DOM ref found. If you're converting an existing component via posed(Component), you must ensure…
a7dc
- 3,323
- 7
- 32
- 50
1
vote
2 answers
How to implement simple react js animation with react-pose without node js?
I am newbie in react js. Recently I went through the react js documentation and react-pos documentation. I have implemented the following snippet. But when I run it, it has no effect in the browser. Where am I wrong?