DEV Community

Cover image for Going flippy for React
Randi Schreiner
Randi Schreiner

Posted on

Going flippy for React

I just completed my final project for Flatiron School (that's a scary and exciting sentence!). This project used a Ruby/Rails API and React/Redux. I was really nervous going into this after the bad blood JavaScript and I had, but React was considerably easier for me to work with.

My project required the use of a flash card and after searching, I found react-flippy. These flippy cards turned out to be just what I needed and were easy to use. Once you have installed react-flippy, you just import it where you need like this:

image

The flip cards themselves are also quite simple to create. You simply use , and inside your JSX and place your information right inside. These are also customizable so you can have them flip horizontally or vertically for a little added adventure! You also determine if you want them to flip on hover or flip on click.

image

Really quite a helpful tool and very easy to use. I loved how simple and customizable they were. My project benefitted greatly from react-flippy and I recommend it to anyone in need of a flippy card in the future!

Check out my project on Heroku.
Learn more about react-flippy.

Top comments (0)