Create your own React icons library and publish to npm automatically

1

SVGO

We will use svgo to optimize our SVG icon files since:.

#Graphic Design Software #Digital Drawing And Painting #Vector Graphic Editor 20 social mentions

2

GitHub Actions

When you have the final dist folder as the result now you can publish this to npm. It can be easily done by login into the npm account via NPM CLI npm login and run the npm publish --access public after that. But I want to leverage GitHub Actions and atlassian/changesets to do this automatically for me.

#DevOps Tools #Continuous Integration #Developer Tools 307 social mentions

3

Babel

We need some packages in order to transform our SVG files into React SVG components and then convert JSX syntax into CJS and ESM module format. We use babel and svgr.

#Development Tools #Javascript UI Libraries #JavaScript Framework 147 social mentions