Just a small demo to show a few page transitions in React. Using GreenSock and SVG.
Some sweet moves Sarah 💥👏
OMG! So sick! I would just give up on coding 500 lines of code...
Wow, that's slick, Sarah!
Thanks @Godje and @jackrugile!
My monitor is too wide, and the button and text are missing due to the "external" class overflow being hidden and height being 800px.
Shrink your window width if you can't see anything to click on, peeps.
@sdras This isn't working for me :/
cough*vue*cough kidding.... This is really freaking amazing. Love the style of the design, and the transitions are smoooth
Looks nice Sarah!
I would suggest to use suffixes for refs, so instead of this.hero do this.heroRef or something like this. Otherwise it's becoming too easy to populate your component this. with refs, which can collide with constructor-based this properties (and I understand that this is just demo where you want to keep things short, just wanted to write about it in case if anyone else would read it and get the idea).
I love it!
Very very cool!
@chasebank what makes you skeptical about Vue? What am I missing?
Awesome! it runs really smooth.
Hey Sarah, we met at React Europe, I asked you to unblock me from Twitter because we both had no idea why you blocked me. Seems like you forgot to?
May you please unblock me? 🙏
Absolutely beautiful! I love creative page transitions. I'm a total noob, but this is the bees knees! :D
Nice one Sarah. Thank you.
Hmmmm... I can only see this using Firefox for some reason.
wow! awesome!!! nice job
You are an absolute badass. This is awesome and thank you for sharing!!
Awesome!. thanks for sharing. hope to translate the code into angular
Doesn't seem to be working for me.... Chrome 63
Oh nevermind I saw the previous comment of not being able to see the button... just changed my window size and it's all good now
It's just amazing, I'm totally in love, but please, tell me - how can I open this project in my localhost as a React app? I want to see line by line code and learn something more about your practice, but I don't have idea what should I do, because everything I try doesn't work :(
The SVG animations on the shapes are beautiful.
Need to know how to enable it? Go here.