React i18n - Extend react-intl with our own context and markup

I was recently looking for a neat way to make react-intl translations keys more dynamic and our React code less verbose when it comes to passing values.

Fortunately it's quite easy to wrap react-intl to create your own markup language and expose constants that must be reused across keys.

The blog article below summarizes how to do it:
https://www.keypup.io/blog/react-extend-react-intl-with-our-own-context-and-markup

Hope this helps anyone looking to simplify their i18n code :)