React Hot Toast

Frameworks & Libraries

Toast notifications for React.

Latest v2.6.0 · by Timo LinsWebsitetimolins/react-hot-toast

Changelog

v2.6.0-beta.0

Pre-release
Added 2
  • Support for multiple toasters
  • Add dismissAll and removeAll API for working with multiple toasters
Changed 2
  • Move timeouts inside a useRef
  • Use data tag instead of id
Fixed 1
  • Fix dispatch to be id specific

From React Hot Toast

What's new
  • Adds support for multiple toasters
  • Add first version of Multi toaster docs
  • Add dismissAll and removeAll More ergonomic API when working with multiple toasters a1d0b02

Ready to try it out?

npm i react-hot-toast@beta
Other Changes
  • Update pnpm version f6c867b
  • Move timeouts inside a useRef cb1fe8e
  • Use data tag instead of id 1d5d3d3
  • Fix dispatch to be id specific again fe934fd
  • Merge branch 'main' into global-settings 0953822
  • Add first version of multi toaster page 5b1ee55
  • Merge branch 'main' into global-settings 4d43622
  • Move toaster settings into state cf9ae4b
  • Some experimentation with global settings API 2e0a4dd

https://github.com/timolins/react-hot-toast/compare/v2.5.1...v2.6.0-beta.0

View originalPermalink
How v2.6.0-beta.0 went
v2.5.1

v2.5.0 (+ v2.5.1)

Added 3
  • Make messages optional in toast.promise()
  • Allow passing async function to toast.promise()
  • Add customizable removeDelay option
Changed 1
  • Refactor removal of dismissed toasts
Fixed 1
  • Make csstype a dependency to avoid warning

From React Hot Toast

What's new
toast.promise() improvements
  • Make messages optional
    • #179 from n33pm/feat/promiseOptionalMsg) 25bd873
  • Allow to pass async function
    • #301 from kagurazaka-0/feat-toast-promise-async-func c80d57f
Other
  • A bunch of docs improvements
  • Add customizable removeDelay
    • #89 from heyfuaad/main c3d6739
  • Refactor removal of dismissed toasts
    • Fixes #370
  • Make csstype a dependency to avoid warning. d695daf

https://github.com/timolins/react-hot-toast/compare/v2.4.1...v2.5.0

View originalPermalink
How v2.5.1 went

v2.4.0

Added 2
  • Allow change of toast heights
  • Add testing setup
Changed 2
  • Restructure handlers for better memoization
  • Use MutationObserver for height changes
Fixed 1
  • Fix infinite loop during unit testing

From React Hot Toast

What's new
  • Allow change of of toast heights – Fixes #133
  • Fix infinite loop during unit testing 1dcb2f2 – (Thanks silvenon)
  • Add testing setup 82afa93 – (Thanks silvenon)
  • Restructure handlers for better memoization ec653ec
  • Use MutationObserver for height changes 9eddc26

https://github.com/timolins/react-hot-toast/compare/v2.3.0...v2.4.0-beta.0

View originalPermalink
How v2.4.0 went

v2.3.0

Added 1
  • Expose react-hot-toast/headless for headless environments like react-native
Changed 3
  • Bundle is now 15% smaller (5% gzipped)
  • Dev builds are 3x faster
  • Switch bundler setup from tsdx to tsup

From React Hot Toast

Better bundle setup

This release focuses on build and bundle improvements (faster, lighter & better).

  • Expose react-hot-toast/headless - for headless environments like react-native
  • Bundle is now 15% (5% gzipped) smaller
  • Bonus: 3x faster dev builds
What's Changed
New Contributors

Full Changelog: https://github.com/timolins/react-hot-toast/compare/v2.2.0...v2.3.0

View originalPermalink
How v2.3.0 went

v2.3.0-beta.1

Pre-release
Changed 4
  • Use .mjs extension for ESM module
  • Update package.json main field
  • Update entry file in tsup config
  • Rename index.tsx to index.ts
Removed 1
  • Remove prepare script

From React Hot Toast

Update package setup to be ESM compliant
  • Use .mjs extension for ESM module - Update package.json according to #204 ae4a1eb
  • Use main in package.json de10f5c
  • Update entry file in tsup config e63de48
Clean Up
  • Add automatic tsconfig update from Next.js 8c149db
  • Rename index.tsx to index.ts 0749440
  • Remove prepare script 3b9ef79

https://github.com/timolins/react-hot-toast/compare/v2.3.0-beta...v2.3.0-beta.1

View originalPermalink
How v2.3.0-beta.1 went

v2.3.0-beta

Pre-release
Added 1
  • Expose react-hot-toast/headless for usage in headless environments
Changed 5
  • Replace tsdx with tsup (powered by esbuild) for faster and simpler builds
  • Replace npm with pnpm for dependency management
  • Use export type for types
  • Migrate documentation to MDX 2
  • Align site for React 18 and Tailwind 3
Fixed 1
  • Add missing csstype peer dependency
Removed 1
  • Remove tsdx linting in favor of prettier

From React Hot Toast

This version is focus on improving the build & bundle setup. It's now using tsup (powered by esbuild) instead of unmaintained tsdx. Additionaly, npm v4 was replaced by pnpm.

Those changes gives us a way faster and simpler builds + should allows usage in headless environments again (react-native).

  • Use pnpm instead of old NPM - Resolves dependency linking 🚀 #186 b46a386
  • Remove tsdx & add prettier hook * No more linting from tsdx. Should be okay to use prettier * Lot less dependencies * Prettify files 28d83a9
  • Use export type for types 4f43ea3
  • Use tsup instead of tsdx This gives us more control about the build process * Expose react-hot-toast/headless - Fixes #39 * Bundle size is even smaller now d58cb35
  • Add pnpm to size check action 9da3b6e
  • Migrate docs to MDX 2 f776144
  • Align site for React 18 & Tailwind 3 8b716de
  • fix: missing csstype peer dep 30bdaf5

https://github.com/timolins/react-hot-toast/compare/v2.2.0...v2.3.0-beta

View originalPermalink
How v2.3.0-beta went

v2.2.0

Added 1
  • Expose core types
Changed 1
  • Update goober
Fixed 1
  • Preserve line breaks in toast body

From React Hot Toast

Changes
  • Expose core types 70dbbb2
  • Update goober 1563b56
  • Preserve line breaks in toast body Closes #144 f981e45
Docs
  • Fix example in docs 09ded7f
  • Fix typo 379cf3e
  • Add missing import to example fbb2612
  • Fix typo in Toaster page c93328a

https://github.com/timolins/react-hot-toast/compare/v2.1.1...v2.2.0

View originalPermalink
How v2.2.0 went
View all

Discussion

If you publish React Hot Toast, you can claim this product by proving you administer its repository.