DEV Community

Smitter hane
Smitter hane

Posted on


Hello👋, I built this👇, what do you think?

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

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)

raibtoffoletto profile image
Raí B. Toffoletto

Nice 🎉🎉, but the of the atom one is misaligned in my phone (ios)...

smitterhane profile image
Smitter hane

Thanks for your feedback, I am preparing to release a new version with new indicators and atom ⚛ animation fixed

smitterhane profile image
Smitter hane

There is a new version. You may be interested to check out.

balajin96 profile image


Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Articles for Your Portfolio

Integrate the articles of your profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the API: How to Fetch Your Articles for Your Portfolio with React