wanted to implement s horizontal scroll like netflix in reactjs using react-bootstrap

Question

I want to have a horizontal scroll-like Netflix in the react js with an arrow on both ends one scrolling previous items and one scrolling next items. But the movies will be dynamic means they are coming from a database. and their number is not fixed. I tried various ways like using section but as the data is dynamic so I don't know how to fix it.

You could use array.map() to create all the elements inside the carrusel. Example: telerik.com/blogs/beginners-guide-loops-in-react-jsx — Eloi
– Eloi, Commented May 12, 2021 at 9:15

Saurish Kar · Accepted Answer · 2021-05-12 10:28:17Z

3

You can checkout react-slick plugin to handle your case. It has a dynamic slides feature where you can add more slides as per your case.

Also, has actions on moving slide which you can use when to fetch the new set of slides from your database.

Ref: https://react-slick.neostack.com/docs/example/dynamic-slides

answered May 12, 2021 at 10:28

Saurish Kar

7969 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

wanted to implement s horizontal scroll like netflix in reactjs using react-bootstrap

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related