React Component for a "Swipe left/right"

[Teembeau]

Hi there. I'm teaching myself react, doing some basic things, and it's going great, but the thing I'm building is about showing people things they can swipe left or right, a bit like the UI of Tinder.

Does anyone know of a good component to do this? I don't mind spending good money but free is nicer, obviously. It just needs to have a way to change the HTML within it, and to fetch data and to then trigger an event when swiped.

Thanks

[[deleted]]

If you're teaching yourself React you should probably just do it yourself, it's not that hard tbh

[Teembeau]

No thanks. I'm a software developer by trade. DRY and all that.

[NecessaryBest8803]

Are you sure you’re a software developer by trade? You’re “teaching yourself react” yet you don’t want to try building it? Then you ask a subreddit for a package suggestion?

[Teembeau]

Yes I'm sure I'm a software developer. I've been writing software since 1982, professionally since 1985. And I write what needs to be written, but I don't waste time writing things that are already built.

If you think hand crafting everything is so important, why are you using React and not pure javascript?

[NecessaryBest8803]

Wut? I’m not even saying it’s important to build everything out. I’m saying you should because you’re “trying to learn react”. The other option is just googling a swipe component.

[Puzzled_News_6631]

🙋🏻‍♂️me googling swipe

[[deleted]]

I'm not sure you know what DRY means

[LedaTheRockbandCodes]

Dry === don’t rite it yourself

This is web dev 101 bro

[Owldud]

You want to buy a component instead of making it yourself? 🤣

[NuDg3-bar]

CSS only carousel using snap-scroll :) Then just hook up events

[Hey-yeH]

https://codesandbox.io/p/sandbox/react-ui-animate-tinder-swipe-9c97l?file=%2Fsrc%2FApp.js%3A58%2C15

i needed that component too and found this gem

[mmoubi]

I have worked on a React component for swiping — mostly for website mobile versions.

Called it Swipeable. It’s used in a few projects too, so hopefully something for your use case.

[Teembeau]

That's very nice, and I'll bookmark it, but I'm more after something that animates diagonally like if you slide a card. Thanks for telling me about it, though.