How to create Single Modal in Gatsby using Reactstrap, React Portals, React Context and React Custom Hooks

Introduction

Gatsby is a free and open-source static site generator based on React. In this tutorial, we will use the default starter kit with cosmetic modifications.

Reactstrap provides React components based on Bootstrap 4 library. It comes with a powerful Modal component and his three supporting sub-components:

Armed with those, you can get a working Model almost in no time. Reactstrap documentation is full of examples, so feel free to explore its Modals part on your own.

Continue reading “How to create Single Modal in Gatsby using Reactstrap, React Portals, React Context and React Custom Hooks”


If you enjoyed this post, then make sure you subscribe to my Newsletter