I had fun building this project. And I would like to share.
I built a react component library. And I published it to NPM.
Here is the link: react-loading-indicators.
I would love to here your comments about this. I welcome your views and suggestions.
I created the DEMO site here so you can quickly see what the library offers.
More about the project
This project gives you a collection of loading spinners for your next life-changing project.
Technologies I used
- React
 - Rollup
 - Typescript
 - StoryBook
 
What I have learnt
- Building a library is different from building a web application.
 - Typescript really helps with catching buggy code before it is a problem.
 - Using Typescript allows you to create a mini documentation of your library just within the source code.
 - Getting hands dirty building projects, is a genuine way of learning to code.
 - Be patient with programming. The brain is not a memory chip to load it with gigabytes of data in one hour.
 - With programming, you can create what you think of.
 
Briefly about my learning journey
I did not wake up to writing react code. I started with HTML, CSS. Then I progressed to Vanilla Javascript. I stuck around here for some while building vanilla js projects. Then I came to react. I am still continuing with my journey having started to incorporate backend.
You can follow me on twitter. Learning journey doesn't have to be lonely.
    
Top comments (4)
Nice 🎉🎉, but the of the atom one is misaligned in my phone (ios)...
Thanks for your feedback, I am preparing to release a new version with new indicators and atom ⚛ animation fixed
There is a new version. You may be interested to check out. react-loading-indicators.netlify.app
👍