Forget the jQuery Lightbox. They are hard to use on mobile devices and are circa 2015. Hello React Bootstrap Carousel. A modern day, user-friendly carousel you can use with Bootstrap on your Gatsby JS or other React website.
Combine the React Bootstrap Carousel with the Gatsby JS Image and you are cooking with gas. Carousels are heavy, data-wise because they are 3, 4, 5+ images all in the same place. That generally requires a server to pre-load ALL of the images. Not with Gatsby Image. It lazy-loads as you rotate the carousel, so that your page is incredible fast.
I break down how to setup the Carousel and then go into the Gatsby Image integration: img vs Img.
Getting Started with React Bootstrap ☞ https://morioh.com/p/250239650404
Why React-bootstrap? ☞ https://morioh.com/p/61598ecb157b
#reactjs #bootstrap #gatsby #web-development #javascript