Reactでカルーセルデザインを実装したい

Question

reactでカルーセルを作りたいのですが、いまいちよくわかりません。
react-slickやmaterialUIでつくれるっぽいのですが、おすすめのフレームワークなどあると教えていただきたいです。

簡単なサンプルコードなども載せていただけると助かります。
よろしくおねがいします。

Answer 1

こんにちは

少し古い記事ですが、以下が参考になるかと思います。

• 10 Best React Carousel/Image Slider Plugins With Demo (paulsandip2110さん）

この記事で挙げられている中で、一番上の react-slick については、

Slick is one of the most popular jQuery carousel available in the market and their react version has also gained equal popularity with **more than 4000 git stars. **

とありますし、 github の issues にも最近の投稿がありますので、メンテされ続けているモジュールということが分かるので、とりあえずこれをスパイクしてみてはいかがでしょうか。簡単なデモとサンプルコードを以下で見ることができます。

• https://react-slick.neostack.com/

他のカルーセルライブラリについても、冒頭に書いた記事の、各モジュールの紹介の最後に Demo Download というリンクがあり、ここから各レポジトリに行けたりして、サンプルを確認できるようです。

以上、参考になれば幸いです。