react-email-letter-components

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://github.com/chromakode/react-html-email/blob/e6f3b5122a19823fac31870649311c52e46c75f8/src/StyleValidator.js#L5

• • https://www.emailjs.com/docs/examples/reactjs/
• • https://www.npmjs.com/package/react-email-components
• 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
├── 
└── .gitignore

---

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://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)