Comments (5)
casoetan
commented on August 25, 2024
1
@Stanko works great now.
Best,
from react-plx.
casoetan
commented on August 25, 2024
1
Working offline. Will definitely share as soon as I can.
…--- Stanko edited - removed email thread messages
from react-plx.
Stanko
commented on August 25, 2024
Hello @casoetan,
Quick fix would be to inject environment variable SERVER_RENDER into process.env.SERVER_RENDER using https://webpack.js.org/plugins/define-plugin/, and then don't render this component if it is true.
But I will add a prop in the version which will be called serverRender or moveWindowStuffToComponentDidMount 🙂 which will move adding window event listeners to componentDidMount. Atm these are created in the constructor and componentWillMount.
EDIT: instead of prop, I'll try to detect node env and let component do that on it's own.
Cheers!
from react-plx.
Stanko
commented on August 25, 2024
@casoetan I just released version with the fix for universal rendering. Could you please try with this version and close the issue if it is resolved.
commit: 31d15ca
from react-plx.
Stanko
commented on August 25, 2024
Glad it helped!
P.S. If you can share, I would really like to see where are you using Plx :)
from react-plx.
Related Issues (20)
- Run independent animation after scroll reaches an element
- TypeScript types HOT 4
- Scrolling On IE Edge browser jumping and moving Plx divs HOT 1
- react-plx and superposed html elements HOT 1
- Showcase: <antoniocosentino.com> HOT 2
- I have a page with the same component - the scroll position is always related to the first child HOT 4
- Set `end:` as pixel-difference to `start` ? HOT 1
- Act only on Sub-Elements of the Parallax HOT 2
- Choppy animation
- use react-plx inside svg HOT 4
- Strange flipping on mobile-devices while scrolling HOT 6
- dropped fps HOT 3
- Smoother effect using values with more decimals HOT 2
- Animating scale creates choppy animation, most notably on safari, but apparent in all browsers. HOT 7
- Is there a way to sequence from previous values? HOT 5
- Set fixed position when element is centered? HOT 2
- onPlxStart/ onPlxEnd function not running in right moment? HOT 2
- Possibility to add html <tag> prop back in? HOT 6
- End the animation when the element leaves the viewport HOT 2
- Using Plx with multiple React components HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-plx.