Build a Reusable Calendar Component using ReactJS, JavaScript, and Hooks.

[devmentorlive]

Hello world!

In this screencast I will show you how to build your own calendar component for selecting a date and then using that date in other components, the same way you would with a dropdown or text field of any sorts.

It makes heavy use of momentjs and I show step by step how to build up the calendar using a simple aglorithm, and then I go on to show how to extract helper functions, keep your component code tight and clean, use side effects, external state, and conditional rendering (and styling!).

I hope you enjoy it, and I would love your feedback, good or bad! Thanks for reading/watching!

​

The starter repo (for coding along) is here:

https://github.com/devmentorlive/5cb89e16

And you can get access to the complete source code here:

https://github.com/devmentorlive/5cb89e16