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.

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (0)

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay