v11 proposed changes for React

Disclaimer: this issue is meant for capturing breaking changes that we’d like to see changed in v11 to help address some of the consistency issues across components. None of these changes are final, or implemented, and are subject to change.

[joshblack]

Proposal: useNotification

This hook would provide a way to send notifications and manage the UX behavior of doing this, namely:

• How many notifications are shown at a given point in time
• Where do notifications appear on the screen (and how through animation)
• How a notification gets dismissed
• How notifications get buffered

API

function Usage() {
  const [send] = useNotification();

  useEffect(() => {
    // Send a notification through an effect
    send('Basic notification');
  }, [send]);

  // Send a notification through an event
  function onClick() {
    send('Notification from an event');
  }

  // Send a specific type of notification
  function onSuccess() {
    send('Success notification', {
      type: NotificationTypes.success,
    });
  }

  // Be notified when a notification is dismissed
  send('Some notification', {
    onDismiss(message) {
      console.log('Notification was dismissed');
    },
  });
}

[joshblack]

Thanks all for weighing in! Going to integrate these suggestions into our roadmap and then out into planning issues 👀