Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Harsh Makadia Profile picture
@MakadiaHarsh
Sep 13, 2021 • 28 tweets • 13 min read • Read on X
Scrolly
25 Hand-Picked ReactJS Libraries You Probably Didn't Know Existed 😍

Using these will put Web Developer on Steroids.

THREAD 🧵 ↓
{ 1 } React Hot Toast

The Best Toast in Town. Smoking hot React notifications.

Add beautiful notifications to your React App

react-hot-toast.com
{ 2 } React Content Loader

SVG-Powered component to easily create placeholder loadings (like Facebook's cards loading).

skeletonreact.com
{ 3 } React Filepond

A new way to upload files
- Multiple Input Formats
- Image Optimization
- Responsive
- Async or Sync Uploading

pqina.nl/filepond/
{ 4 } React Notion X

Fast and accurate React renderer for Notion. TS batteries included. ⚡ ️

github.com/NotionX/react-…
{ 5 } React Select

A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

react-select.com/home
{ 6 } Sweet Alert

A beautiful replacement for success messages, error messages or info messages

sweetalert.js.org
{ 7 } React Query

Performant and powerful data synchronization for React.

react-query.tanstack.com
{ 8 } React Hook Form

Less code. More performant

Reducing the amount of code you need to write, and removing unnecessary re-renders are some of the primary goals of React Hook Form.
react-hook-form.com
{ 9 } React Infinite Scroller

Infinitely load content using a React Component.

danbovey.uk/react-infinite…
{ 10 } React Motion

A spring that solves your animation problems. Level up your animation game.

github.com/chenglou/react…
{ 11 } React DnD

A React utility to help you build complex drag and drop interfaces while keeping your components decoupled.

react-dnd.github.io/react-dnd/about
{ 12 } React Desktop

A JavaScript library built on top of Facebook's React library, which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components.

reactdesktop.js.org
{ 13 } Splitbee

Track and optimize your online business with Splitbee. Your friendly analytics & conversion platform.

splitbee.io
{ 14 } React Window

React components for efficiently rendering large lists and tabular data.

github.com/bvaughn/react-…
{ 15 } Stripe Elements

Stripe Elements are rich, pre-built UI components that help you create your own pixel-perfect checkout flows across desktop and mobile.

stripe.com/en-in/payments…
{ 16 } Chakra UI

A simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

chakra-ui.com
{ 17 } Draft JS

Rich Text Editor Framework for React.

Draft.js fits seamlessly into React applications, abstracting away the details of rendering, selection, and input behavior with a familiar declarative API.

draftjs.org
{ 18 } ChartJS

Build beautiful charts in minutes with Chartjs, Dashboards will looks sexy like never before.

github.com/reactchartjs/r…
{ 19 } React Slick

React carousel component. One of the best sliders out there to showcase anything.

react-slick.neostack.com
{ 20 } React Auto Suggest

WAI-ARIA compliant autosuggest component built in React

react-autosuggest.js.org
{ 21 } React Burger Menu

An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.

negomi.github.io/react-burger-m…
{ 22 } React Spinners

A collection of loading spinner components for react

davidhu.io/react-spinners/
{ 23 } React Bootstrap Datatable

Next Generation of react-bootstrap-table. Datatable made easy like never before.

react-bootstrap-table.github.io/react-bootstra…
{ 24 } Styled Components

styled components is the result of wondering how we could enhance CSS for styling React component systems.

styled-components.com
{ 25 } Semantic UI

Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML.

semantic-ui.com
Thanks for stopping and checking these resources, I'm sure it's going to help you at some point in time.

1. Follow @MakadiaHarsh for such tips and tricks

2. Quote retweet the first and share what do you think of this?

Cheers! 🥂
Back to top! 🔝

• • •

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

Keep Current with Harsh Makadia

Harsh Makadia 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 @MakadiaHarsh

Harsh Makadia Profile picture
Jun 7, 2024
Meet Rolf Dobelli.

For the last 15 years, he has been a world-renowned expert in decision-making.

I've read 100 hours of content by him to improve my judgment.

7 razors to think more clearly (and become a better entrepreneur): Image
1. Action Bias

When you're always doing something, you neglect thinking.

Ask yourself:

• Is it worth it?
• Is this the best way to do it?
• Am I trying to control things outside my control?

This aligns my long-term goals with my short-term goals.
2. Fundamental Attribution Error

People underestimate external factors.

You sometimes fail to recognize that results are still out of your control, no matter how hard you work. As people think, "I've given my best, but it didn't work out."

This leads to quitting.
Read 9 tweets
Harsh Makadia Profile picture
Apr 21, 2024
One of the best books on decision-making:

The Essentialist by Greg McKeown.

After reading it, I stopped being busy and started being impactful.

7 principles from him to make smart decisions in your life: Image
1. The essentialist

Essentialism is not about how to get more things done.

It's about doing things less but better. It's a method of choosing between good things and a few really great things.

It's a way to think, eliminate, and execute your priorities.
2. Rule of 90%

The way you choose your options is under your control.

One way to do so is to adopt the 90% rule. Start by prioritizing important tasks. Then give each task a score b/w 0-100. Any task less than 90 (even 89) is a 0.

If it isn't a clear yes, then it's a clear no.
Read 10 tweets
Harsh Makadia Profile picture
Jan 16, 2024
AI will eat 85 Million jobs by 2025.

But it will also create 97 Million new jobs.

7 skills you can learn to stay ahead of the curve:
1. AI content creators

We're already seeing the rise of AI content creation tools.

In the next decade, we'll need more creators who can use AI to deliver quality content at a much quicker speed. So, keep playing around with those tools.

You'll see it pays off.
2. Integration Specialist.

AI is removing anything that is low effort.

Companies are continuously looking at their systems to find what can be replaced by AI. Now, this process needs expert supervision to find those parts.

You can be the expert.
Read 11 tweets
Harsh Makadia Profile picture
Jul 24, 2023
Say goodbye to time-consuming email writing!

With ChatGPT, you can craft irresistible emails in under 5 minutes.

Here are 7 Prompts so good you cannot miss : Image
1. Generate the email subject line.

Write an eye-catching email subject line using ChatGPT.

• Replace it with any topic you want.

• And you will get 10 different types of names & catchphrases.
Prompt:

“Write 10 attention-grabbing email subject lines on the topic “Lead Generation.” Use your humor or curiosity to make it more compelling.” Image
Read 18 tweets
Harsh Makadia Profile picture
Jul 22, 2023
Video Editors are DEAD ☠️

AI for content creators is taking the world by storm.

Here's how Submagic is going to revolutionize short-form content:

Thread 🧵: Image
1. Go to and click on "Create my video now" https://t.co/jRjgZhBwblsubmagic.co
Image
Step 2. Upload the video you want the caption to be added

Example Video:
Read 9 tweets
Harsh Makadia Profile picture
Jul 8, 2023
Gmail has 1,800,000,000+ active users.

But only a few use the platform effectively.

Here are 10 productivity hacks you'll regret not knowing ( until now ) :
1/ Create infinite aliases

Use the "+" ( plus sign ) to create unlimited aliases.

If your email address is johndoe@gmail.com
You can use:
For work -> johndoe+work@gmail.com

For Newsletters -> johndoe+newsletters@gmail.com

Every Email will get delivered to your inbox.
Read 13 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

Don't want to be a Premium member but still want to support us?

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!

Send Email!

:(