Share this page!

Maybe Scrolly?
Harsh Makadia Profile picture
Twitter logo
Jan 26 • 28 tweets • 13 min read
25 Highly Recommended ReactJS Libraries For Web Developers 🤯

99.9% of them will find it super useful.

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.

Follow @MakadiaHarsh for such tips and tricks, weekly threads.

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
Jan 24
I curated 50+ best resources to learn programming by playing games.

Resources include games for:
• CSS
• Javascript
• Git
• Regex
• Python
• Ruby
• SQL
• Online Playgrounds

Steal it now for $0 💰

Drop a 👋🏻 in the comment and I'll DM you the link instantly. Image
Note: 🚨

Make sure your DM's are open else I won't be able to send you the DM.
Ok, This tweet just blew up more than I thought. I have DM'ed a lot of people via automation.

However if you missed it,

Download it completely FREE from this link.

Happy Learning, Always there for this beautiful community. 🙏

harshmakadia.gumroad.com/l/coding-games
Read 4 tweets
Harsh Makadia Profile picture
Jan 22
25 lessons to help you grow your Twitter account faster.

I learned the hard way ( so you don't have to )

A thread:
I made many mistakes while building an audience of 28,000.

I tried multiple permutations and combinations to hack Twitter growth.

Here are all lessons you should consider to see results faster.
1. Pick A Niche

Figure out what kind of content you want to target.

What kind of people do you want to attract.

If you don't know the answer to this, you will never succeed.

Sit down and think, write down all the topics you want to target.
Read 29 tweets
Harsh Makadia Profile picture
Jan 21
I've been posting content every day for the last 246 days.

Here is my framework and tools you can use to create endless content.

Steal my secrets for $0.

Thread 🧵↓
1. Take Notes

You get tons of ideas throughout the day, jotting them down in the ultimate hack.

Take notes when you read something useful, watch something, etc.

Each silly idea you get is a form of content, don't just let it go jot it down.
2. Leverage your skills

The best way to never run of content Idea is to take advantage of whatever you know.

Creating content in your area of expertise is an easy and fast process since you already know about things.

I tweet more about what I do, I never get burned out.
Read 15 tweets
Harsh Makadia Profile picture
Jan 20
We are 28,000 strong. Thank you, Fam! ❤️

Giving away 28 copies of my Twitter toolkit 🎉

It's a swipe file that includes:
• 35+ Tweet formats
• Tweet Ideas
• Twitter DM & SEO
• Writing threads
• Profile optimization
• Bonus content

To Enter Just Like & Comment!

Link ↓ Image
Here is the link:

harshmakadia.gumroad.com/l/twitter-tool…
Here are the winners 1

1. @shalu01m
2. @ShubhamLashkan
3. @ATechAjay
4. @JSAyushThakur
5. @Adityamttl
6. @itsakshayv
7. @krishna_0999
8. @SamihaTasnimm
9. @devyani_jain13
10. @Krishn_aGupta
11. @yakshitshh
12. @imsaurabh_11
13. @ZappyLora
14. @nikornikhil_

Will send DM's soon
Read 5 tweets
Harsh Makadia Profile picture
Jan 19
I've reviewed 75+ apps that are designed for small use cases, MVPs, and Startups.

Here are the 19 most useful No-code tools that make web development a lot easier.

THREAD 🧵 ↓
Before we begin few things to consider:

1. I'm a full-stack dev who loves building products, but I still think we can avoid doing over-engineering.

2. I was part of the Beondeck No-code fellowship program where I've seen tons of Nocode projects built.
3. It's good to have coding knowledge, but it's not necessary for every use case.

4. I may have missed some of the tools, but this curation is based on my research.

5. We are building a No-code chatbot builder @wotnot_io which made me research more.

Let's get started!
Read 25 tweets
Harsh Makadia Profile picture
Jan 18
I sucked at writing threads on Twitter.

But now I generate 4,000,000+ Impressions.

Here 7 lessons I learned the hard way so you don't have to.

Thread 🧵↓
1/ Headline Matters

Keep the headline short and simple with stats/purpose.

A good headline will help your audience to stop scrolling when they see your tweet on their timeline.
Why Is a Good Headline Important?

You need to give reason to your audience to invest their time in what you have written.

With a good hook, you can completely immerse your audience into your content.

People will ignore it if the first tweet doesn't make sense to them.
Read 16 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 @MakadiaHarsh has new unrolls!

Check out other threads from @MakadiaHarsh!

Read all threads by @MakadiaHarsh

:(