for using templates
yarn add react-email-components-template
compare with later:
https://www.npmjs.com/package/@types/react-html-email https://github.com/chromakode/react-html-email/blob/e6f3b5122a19823fac31870649311c52e46c75f8/src/StyleValidator.js#L5
https://github.com/clocklimited/ReactEmailComponents
- https://assertible.com/blog/creating-email-templates-with-react-components
- https://paddle.com/blog/why-we-created-an-email-system-using-react/
- https://bestofreactjs.com/repo/chromakode-react-html-email-react-renderers
- https://building.lang.ai/how-to-build-emails-with-react-fcf941b125d1
explore things here: https://gist.github.com/vouchful
create simple component for links.
explore later^ https://github.com/jaredpalmer/react-email-workflow
explore: https://github.com/Roilan/mailchimpify
https://github.com/lang-ai/react-emails
https://github.com/mjmlio/mjml
examples of components, that can sit in "Elements" folder(re: can be updated, because i'm trying to find a better and easier way to do this type of conversion)
Elements
- Address
- callToActionList
- getPublishLink
- unsubscribeLink
- defaultImage
- Spacer
- LogoRow
- TableRow
---
https://github.com/sparkbox/email-lab
https://emailclientmarketshare.com/
https://github.com/mailchimp/email-blueprints/tree/master/templates
https://github.com/mailchimp/email-blueprints/blob/master/modular-template-patterns/modular-template-patterns.html
https://foundation.zurb.com/emails
- https://designmodo.com/postcards/
- https://designmodo.com/email-newsletter-template
- https://mailpost.io/
- https://www.npmjs.com/package/react-html-email-browser
---
https://github.com/SparkPost/heml/blob/master/packages/heml-elements/src/Typography.js
https://heml.io/docs/getting-started/usage/
---
https://github.com/Saifadin/postonents
----
----
- https://blog.bitsrc.io/reusable-components-in-react-a-practical-guide-ec15a81a4d71
- https://www.freecodecamp.org/news/how-to-create-a-truly-reusable-react-component-from-scratch/
- https://github.com/teambit/base-ui/blob/master/src/text/paragraph/paragraph.tsx
https://storybook.js.org/docs/react/workflows/testing-with-storybook