Share this page!

Maybe Scrolly?
Akos Profile picture
Twitter logo
31 Dec 21, 7 tweets, 4 min read
5 UI Notification Libraries for React βš›οΈ

🧡 πŸ‘‡
1️⃣ sweetalert2

A beautiful, responsive, highly customizable, and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.

πŸ”— github.com/sweetalert2/sw…
2️⃣ react-toastify

React-Toastify allows you to add notifications to your app with ease. No more nonsense!

πŸ”— github.com/fkhadra/react-…
3️⃣ notistack

Notistack is a notification library that makes it extremely easy to display notifications on your web apps. It is highly customizable and enables you to stack snackbars/toasts on top of one another.

πŸ”— github.com/iamhosseindhv/…
4️⃣ rc-notification

React Notification UI Component. Pretty basic, style them to your liking!

πŸ”— github.com/react-componen…
5️⃣ react-hot-toast

Smoking hot Notifications for React.
Lightweight, customizable and beautiful by default.

πŸ”— github.com/timolins/react…
If you found this thread helpful, please Re-Tweet the first Tweet.

If you'd like to see more content like this, consider following me on Twitter @akoskm.

πŸ“š Check out my FREE Twitter threads at akoskm.gumroad.com/l/akos-threads

and my blog akoskm.com.

Until next time πŸ‘‹

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Akos

Akos Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @akoskm

Akos Profile picture
29 Dec 21
5 FREE React Icon Libraries to use in Your Next Project

🧡 πŸ‘‡
1️⃣ React Icons

Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allow you to include only the icons that your project is using.

πŸ”— react-icons.github.io/react-icons
2️⃣ Iconify

Iconify is a unified open-source icon framework that makes it possible to use many icons from different icon sets on the same page or in the same application using one syntax.

πŸ”— iconify.design
Read 7 tweets
Akos Profile picture
27 Dec 21
Set yourself up for a career change in 2022 πŸš€

6 FREE Courses to Learn some Front End Skills 🎨

Thread πŸ§΅πŸ‘‡
1️⃣ Free HTML Tutorial - Web Development By Doing: HTML / CSS From Scratch

Web Development From Scratch: Learn By Doing For Complete Beginners. HTML And CSS. Code Your First Website In 1 Hour. - Free Course

udemy.com/course/web-dev…
2️⃣ Web Design for Everybody: Basics of Web Development & Coding

Offered by University of Michigan. Learn to Design and Create Websites. Build a responsive and accessible web portfolio using HTML5, CSS3, ... Enroll for free.

coursera.org/specialization…
Read 8 tweets
Akos Profile picture
23 Dec 21
One way to kill your Freelancing Business FAST is to stay silent.

Give feedback early & often.

5 tips on getting noticed for your incredible effort

Thread πŸ§΅πŸ‘‡
1️⃣ A week has already passed, that site is still not online so what's happening?

They won't know unless you tell them.

Is this your first gig and you're afraid to host a half-baked product?
Making some final adjustments?

Send them some screenshots!
2️⃣ Are there any blockers?

Your client may not be tech-savvy so diving into the details might not be as effective as telling with simple words what's the problem.

You're not reporting to a senior engineer anymore but to a person who wants to get things done for their money.
Read 7 tweets
Akos Profile picture
22 Dec 21
5 React Table UI Components for your next Data-Heavy App

🧡 πŸ‘‡
1️⃣ react-table

Lightweight and extensible data tables for React, built by @tannerlinsley.
It comes headless so you can bring your own designs while inheriting all the power this library provides.

πŸ”— github.com/tannerlinsley/… Image
@tannerlinsley 2️⃣ material-table

A simple and powerful Datatable for React based on Material-UI Table with some additional features.

πŸ”— github.com/mbrn/material-… Image
Read 7 tweets
Akos Profile picture
20 Dec 21
5 FREE JavaScript Animation You Should Check Out

🧡 πŸ‘‡
1️⃣ tsParticles

Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components πŸ™Œ

πŸ”— particles.js.org
2️⃣ mo.js

mo.js is a javascript motion graphics library that is a fast, retina-ready, modular, and open source. In comparison to other libraries, it has a different syntax and code animation structure approach.

πŸ”— mojs.github.io
Read 7 tweets
Akos Profile picture
17 Dec 21
During my career, I looked at dozens of job applications from Junior developers. Some portfolios were soo good, I still remember them.

Today I'm giving you 6 tips on How to Stand Out with Your Job Application as an Aspiring Developer and make it to the interview!

Thread πŸ§΅πŸ‘‡
1️⃣ Unique Project

I don't remember all the unique projects, but I do remember copies.
If there's a Pokedex in every repo, make a searchable list of SpaceX launches.

Here's a repo of free APIs: github.com/public-apis/pu…, add a bit of imagination and you already have my attention.
2️⃣ Version control (Git)

9/10 candidates will have a single commit in their GitHub repositories:

"initial commit"

If you put in the extra work and further tweaked a default app just give meaningful messages to your commits like:

"updated port"

"changed button to green"
Read 9 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @akoskm has new unrolls!

Check out other threads from @akoskm!

Read all threads by @akoskm

:(