• Coding,  Web Development

    React Transition for Dummies | Difference between CSSTransition and Transition

    Bounce, Fade, Animate 05/03/2019 11:56:52 PM Intro into React Transitions In case you are a newbie in the world of react transitions,  you should probably read this post (React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor) before continuing. <Transition> If you want to animate a react component, wrap it with <Transition> component so that you can gain access to the state of what is being animated. There are four main states: entering, entered, exiting and exited.  The following is a simple example of using the transition to fade in a text box on click and fade out on the next click. Example of <Transition> Component…

  • Coding,  Web Development

    React Transitions for Dummies | Part 1 : Transition, Styled Components and RandomColor

    04/29/2019 12:49:21 AM Overview Simply learning on how to use the React Transition Group “Transition” component to make websites look awesome! Who is this for? This should be useful for those who are confused as I was and (to some extent) still am about component and page transitions especially in React. Why I wanted to learn this As a “self-taught” frontend web developer, I am always curious about improving on my skills in frontend. Prior to learning about page transitions,  I really loved those websites on awwwards.com, where the page views are switched almost “musically”. No page reload just slide ups or fade ins etc. I tried using my basic…

error: Content is protected !!