1
0 Comments

A weekend building a React toast library

I've spent this past weekend working on an open-source project called react-toastful.

This package is built with React and utilizes the following open source libraries:

  • react-transition-group– animations
  • zustand – state management
  • uuid – unique IDs for toasts
  • classnames – easy DOM node classname composition

I've used react-hot-toast a few times and always found it super great to work with. On top of that, I've also found that most modern toast libraries/solutions are super inflexible and don't provide you the customization and configurability you often seek.

That's why I built 🍜 react-toastful:

  • 💅 Beautiful by default, customizable by desire
  • 📉 Small bundle size (minified production build)
  • ⚡️ Simple and useful API

If you want to integrate toasts into your React application, I encourage you to give my library a go and provide any feedback for what could make the experience better or even what you like about it 🤩

Big shoutout to the creator of react-hot-toast, Timo Lins, who majorly inspired this project 🙌

on March 21, 2021