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

https://t.co/aS33IRbQwe
{ 2 } React Content Loader

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

https://t.co/pkj87VbESx
{ 3 } React Filepond

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

https://t.co/C5k3EWX4eO
{ 4 } React Notion X

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

https://t.co/TZ8aKhflR3
{ 5 } React Select

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

https://t.co/iLWdteQFvI
{ 6 } Sweet Alert

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

https://t.co/XH2LbKOHWv
{ 7 } React Query

Performant and powerful data synchronization for React.

https://t.co/I074C1eark
{ 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.
https://t.co/7RLCn6Vp7n
{ 9 } React Infinite Scroller

Infinitely load content using a React Component.

https://t.co/5NcgCn5VMA
{ 10 } React Motion

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

https://t.co/Lxpfri5jYa
{ 11 } React DnD

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

https://t.co/oMzxvl3Osi
{ 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.

https://t.co/eHwbrcvy3Z
{ 13 } Splitbee

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

https://t.co/8KLk2WklYo
{ 14 } React Window

React components for efficiently rendering large lists and tabular data.

https://t.co/x04dI45jtJ
{ 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.

https://t.co/s31PAxbUtZ
{ 16 } Chakra UI

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

https://t.co/QqtwzRitpB
{ 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.

https://t.co/WU91qRHUsC
{ 18 } ChartJS

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

https://t.co/papeYAiNu8
{ 19 } React Slick

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

https://t.co/TR8wHWTSLM
{ 20 } React Auto Suggest

WAI-ARIA compliant autosuggest component built in React

https://t.co/XxylywvQ8a
{ 21 } React Burger Menu

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

https://t.co/el1PD955Wz
{ 22 } React Spinners

A collection of loading spinner components for react

https://t.co/FSjfR9TlCE
{ 23 } React Bootstrap Datatable

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

https://t.co/DfiXxxLoBp
{ 24 } Styled Components

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

https://t.co/FEP7nhONyw
{ 25 } Semantic UI

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

https://t.co/kTBWWNB3Uf

More from Harsh Makadia

TED Talks are life-changing.

Here are 11 Most popular Ted Talks worth your time:

1. Inside the mind of a master procrastinator

By: Tim Urban

Time: 14 Mins

Link:
https://t.co/Cr1k8kEG8H


2/ How great leaders inspire action

By: Simon Sinek

Time: 18 Mins

Link: https://t.co/0N1kU4Vp7X


3. Your body language may shape who you are

By: Amy Cuddy

Time: 21 Mins

Link: https://t.co/JJxntfb256


4. How to speak so that people want to listen

By: Julian Treasure

Time: 10 Mins

Link: https://t.co/DzO3koptxV
Google Chrome has 137,345+ extensions.

But only a few are super handy.

Here are 10 Chrome extensions that you cannot miss:

1. ScribeHow

Screen recording extension that turns any process into a guide instantly.

Perfect for: founders, creators, entrepreneurs, educators, and more.

Reduce the time you spend documenting and sharing processes by 93%

🔗
https://t.co/lPncjsnScF


2. Text Blaze

Eliminate repetitive typing and mistakes.

Easy-to-use templates with endless customizability and powerful automation.

All with full control at your fingertips.

🔗 https://t.co/WB4ChCRrk3


3. Print Friendly

Make any web page Print Friendly & PDF.

Removes Junk.

Editable Preview.

PDF with clickable links.

🔗 https://t.co/onthbnWhF6


4. GoFullPage

The best browser extension for taking a screenshot of an entire webpage.

🔗 https://t.co/wdwVLlSTFg

You May Also Like

The first ever world map was sketched thousands of years ago by Indian saint
“Ramanujacharya” who simply translated the following verse from Mahabharat and gave the world its real face

In Mahabharat,it is described how 'Maharishi Ved Vyasa' gave away his divine vision to Sanjay


Dhritarashtra's charioteer so that he could describe him the events of the upcoming war.

But, even before questions of war could begin, Dhritarashtra asked him to describe how the world looks like from space.

This is how he described the face of the world:

सुदर्शनं प्रवक्ष्यामि द्वीपं तु कुरुनन्दन। परिमण्डलो महाराज द्वीपोऽसौ चक्रसंस्थितः॥
यथा हि पुरुषः पश्येदादर्शे मुखमात्मनः। एवं सुदर्शनद्वीपो दृश्यते चन्द्रमण्डले॥ द्विरंशे पिप्पलस्तत्र द्विरंशे च शशो महान्।

—वेद व्यास, भीष्म पर्व, महाभारत


Meaning:-

हे कुरुनन्दन ! सुदर्शन नामक यह द्वीप चक्र की भाँति गोलाकार स्थित है, जैसे पुरुष दर्पण में अपना मुख देखता है, उसी प्रकार यह द्वीप चन्द्रमण्डल में दिखायी देता है। इसके दो अंशो मे पीपल और दो अंशो मे विशाल शश (खरगोश) दिखायी देता है।


Meaning: "Just like a man sees his face in the mirror, so does the Earth appears in the Universe. In the first part you see leaves of the Peepal Tree, and in the next part you see a Rabbit."

Based on this shloka, Saint Ramanujacharya sketched out the map, but the world laughed