yarn add react-email-components-typography

Components

• Divider
• HeadingOne
• HeadingThree
• Italic
• Link
• List
• Paragraph
• Separator
• Strong
• Subtitle

Example React component "library" using rollup that is published to npm.

rollup and webpack

There are a lot of articles that compare rollup and webpack (like this or this or this or this).

The general point is

webpack is generally a better fit for applications, and rollup is generally a better fit for libraries ¹

So what is this project?

I've never used rollup before - hell, I've barely used webpack before.

This was mostly to see how easy / difficult it was to create a React component package using rollup (aka "proof-of-concept").

My requirements for this package were

1. Use babel
2. Use semantic-release
3. Use sass
4. Support umd and es modules
5. Use storybook
6. Make the exported components really simple

├── xxx
│   ├── xxx
│   │   ├── **/*.xxx
│   ├── xxx
│   ├── images
│   ├── xxx
│   ├── js
│   │   ├── **/*.js
│   └── xxx
├── dist (or build)
├── 
├── 
├── 
├── 
├── README.md
├── package.json
├── 
└── .gitignore

Components

• Divider
• HeadingOne
• HeadingThree
• Italic
• Link
• List
• Paragraph
• Separator
• Strong
• Subtitle

steal beauty from https://getbootstrap.com/docs/4.0/content/typography/ or https://github.com/mdbootstrap/mdb-react-ui-kit/blob/master/app/src/styles/Typography/Typography.tsx

Arthur Tkachenko articles

• 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/how-i-started-to-build-react-components-for-email-templates
• https://hackernoon.com/introducing-a-simple-npm-module-with-email-templates
• https://hackernoon.com/glossary-for-non-technies
• 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/building-a-design-system-for-email-templates-react
• https://hackernoon.com/together4victory-list-of-email-marketing-tools
• https://hackernoon.com/cool-newsletters-for-developers-part-1
• https://hackernoon.com/cool-resources-for-sending-emails

React Design System

• React Design System
• React-section
• React tasks