DEV Community

Cover image for Weekly Coding Challenge - Week #16 - Notifications
Florin Pop
Florin Pop

Posted on • Originally published at


Weekly Coding Challenge - Week #16 - Notifications

Theme of the week: Notifications


The notification component is used in a web/mobile app when you want to notify the user that something happened based on his action - "successfully completed registration", "error on an input field", "confirmation of deletion of an item", etc.

Useful Resources

Check out my submission for this challenge: Notifications Box.

See all the submissions in this Codepen Collection.

Are you interested in joining the challenge? πŸ˜ƒ Read The Complete Guide to find out how. Don't forget to share your creation! πŸ˜‰

Happy Coding! πŸ˜‡

Top comments (0)


11 Tips That Make You a Better Typescript Programmer

1 Think in {Set}

Type is an everyday concept to programmers, but it’s surprisingly difficult to define it succinctly. I find it helpful to use Set as a conceptual model instead.

#2 Understand declared type and narrowed type

One extremely powerful typescript feature is automatic type narrowing based on control flow. This means a variable has two types associated with it at any specific point of code location: a declaration type and a narrowed type.

#3 Use discriminated union instead of optional fields


Read the whole post now!