react-github-calendar

Previously the component rendered an error message itself when fetching the contribution data from the API was not working. This is bad practice, though. Consumers should be able to decide for themselves how to handle the error case. So the component throws now and React error boundaries can be used to handle an error.

Please read the release notes of react-activity-calendar v2. All the information there applies to this component as well.

You can register event handlers for the SVG <rect/> elements that are used to render the calendar days now. This way you can control the behaviour on click, hover, etc.

See https://grubersjoe.github.io/react-activity-calendar/?path=/story/activity-calendar--event-handlers.

A new transformData property has been added. It allows you to manipulate the array with contribution data after it has been fetched from the API. This makes it possible to dynamically show a certain time span like only the last two months in the calendar etc.

See here how to use the property:
https://grubersjoe.github.io/react-github-calendar/#example-transform-data

Happy to release version 3. Please see the following link for detailed information about what has been added and about breaking changes:

https://grubersjoe.github.io/react-github-calendar/#upgrade

• Breaking change: the title above graphs is no longer shown
• contribution count below graphs can be hiden by setting showTotalCount to false

Edit October 2022

v2 no longer works, because Heroku ditched their free plan. Please upgrade to v3!
https://grubersjoe.github.io/react-github-calendar/#upgrade

• Switched to TypeScript
• Breaking change: this component uses date-fns@^2.0.0 now. So the format strings have changed. See here.