for using templates
yarn add react-email-components-template
This repository was a source of all components when we moved them out.
probably must be re-organized or archived in the future
compare with later:
- 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
├── xxx
│ ├── xxx
│ │ ├── **/*.xxx
│ ├── xxx
│ ├── images
│ ├── xxx
│ ├── js
│ │ ├── **/*.js
│ └── xxx
├── dist (or build)
├──
├──
├──
├──
├── README.md
├── package.json
├──
└── .gitignoreexamples 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://www.npmjs.com/package/react-html-email-browser
- 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://github.com/SparkPost/heml/blob/master/packages/heml-elements/src/Typography.js
https://heml.io/docs/getting-started/usage/
---
https://github.com/Saifadin/postonents
----
#### Arthur Tkachenko articles
* [https://hackernoon.com/5-reasons-why-newsletters-should-be-part-of-your-business-strategy](https://hackernoon.com/5-reasons-why-newsletters-should-be-part-of-your-business-strategy)
* [https://hackernoon.com/organizing-an-advanced-structure-for-html-email-template](https://hackernoon.com/organizing-an-advanced-structure-for-html-email-template)
* [https://hackernoon.com/how-i-started-to-build-react-components-for-email-templates](https://hackernoon.com/how-i-started-to-build-react-components-for-email-templates)
* [https://hackernoon.com/introducing-a-simple-npm-module-with-email-templates](https://hackernoon.com/introducing-a-simple-npm-module-with-email-templates)
* [https://hackernoon.com/glossary-for-non-technies](https://hackernoon.com/glossary-for-non-technies)
* [https://hackernoon.com/email-marketing-and-how-to-curate-an-effective-business-newsletter](https://hackernoon.com/email-marketing-and-how-to-curate-an-effective-business-newsletter)
* [https://hackernoon.com/exploring-substack-for-building-your-newsletter](https://hackernoon.com/exploring-substack-for-building-your-newsletter)
* [https://hackernoon.com/building-a-design-system-for-email-templates-react](https://hackernoon.com/building-a-design-system-for-email-templates-react)
* [https://hackernoon.com/together4victory-list-of-email-marketing-tools](https://hackernoon.com/together4victory-list-of-email-marketing-tools)
* [https://hackernoon.com/cool-newsletters-for-developers-part-1](https://hackernoon.com/cool-newsletters-for-developers-part-1)
* [https://hackernoon.com/cool-resources-for-sending-emails](https://hackernoon.com/cool-resources-for-sending-emails)
## React Design System
- [React Design System](https://llazyemail.github.io/documentation/docs/React-Design-System)
- [React-section](https://llazyemail.github.io/documentation/docs/React-Design-System/React-section)
- [React tasks](https://llazyemail.github.io/documentation/docs/React-Design-System/react-tasks)