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

Consistency isn't enough to grow on Twitter.

Here are 21 formats that helped me reach 64,000+ followers.

Marketing and Copywriting Practical Guide 🧡:

In this thread, we will go over:

1. Tweet Formats
2. Twitter Threads Hooks

Warning: You're about to steal some of my secrets that will level up your Twitter game.

Grab a cup of coffee Hot β˜•οΈ

1. Better Presentation

Try to differentiate from the rest.

Good presentation and message passing are crystal clear.

People stop scrolling as they see something new.

Tweet Link:
https://t.co/Ciq27ogrTI


2. Share your experience with someone who is starting today

Share some of the common mistakes people make based on your experience.

Tweet Link:
https://t.co/OliLutvsZM


3. Use Emoji's like a bullet

Easy to relate to and understand faster.

Tweet Link:
https://t.co/rBrXQr7EBY
8 Google Chrome extensions nobody told you about ( but you needed them badly at work ) :

1. ScribeHow [ @ScribeHow ]

Extension for screen recording that converts any procedure into a tutorial in seconds.

super handy for: entrepreneurs, educators, founders, and more.

93% less effort should be spent recording and sharing procedures.

πŸ”—
https://t.co/dk5fk7zxmz


2. Writesonic [ @WriteSonic ]

AI-powered writing assistant lets you rephrase, expand or shorten any text in a click.

One tool for any type of writing.

πŸ”— https://t.co/psGIwFpgm0


@WriteSonic 3. Tella [ @TellaHQ ]

Bring your work to life with video.

Screen and camera recording for making an impression.

Fully customizable, instantly shareable, all in your browser.

πŸ”— https://t.co/yebcyquBnl


@WriteSonic @TellaHQ 4. Arcade [ @arcade_demo ]

The easiest way to showcase your products.

Create interactive demos in minutes and embed them on:
β€’ Websites
β€’ Blog post
β€’ Email
β€’ Tweet

πŸ”— https://t.co/BlZIrVir2l
Web development is ever-changing.

Did you know you can build and host websites for $0?

Here are 10 No-Code Tools to Create a Website in under 10 Minutes 🧡:

{ 1 } @typedreamHQ - A powerful builder that is simple and intuitive – like Notion

Features:
βœ… Create & publish a beautiful website
βœ… Custom Domain
βœ… SEO-Friendly
βœ… Fast with Static Pages
βœ… Easy Columns & Layouts

πŸ”—
https://t.co/S3zs1mZftn


{ 2 } @carrd - Simple, free, fully responsive one-page sites for pretty much anything.

Features:
βœ… Widgets + Embeds
βœ… 3rd Party Integration
βœ… Free for 3 sites
βœ… Responsive
βœ… Pre-defined templates

πŸ”— https://t.co/3YK6X3EcZD


@carrd { 3 } @unicornplatform - It's a sexy landing page builder for startups and no code makers.

Features:
βœ… Pre-Defined templates
βœ… Edit pages online with the visual builder
βœ… 3rd Party Integration
βœ… Add Custom Code

πŸ”— https://t.co/rsYqItyUi7


@carrd @unicornplatform { 4 } @softr_io - Build powerful websites, web apps, and client portals on Airtable, in 10 minutes!

Features:
βœ… Use airtable as a database
βœ… 60+ building blocks to choose from
βœ… Authentication & User Management
βœ… Payment Integration

πŸ”— https://t.co/Gug24F6o1m

You May Also Like

THREAD: 12 Things Everyone Should Know About IQ

1. IQ is one of the most heritable psychological traits – that is, individual differences in IQ are strongly associated with individual differences in genes (at least in fairly typical modern environments). https://t.co/3XxzW9bxLE


2. The heritability of IQ *increases* from childhood to adulthood. Meanwhile, the effect of the shared environment largely fades away. In other words, when it comes to IQ, nature becomes more important as we get older, nurture less.
https://t.co/UqtS1lpw3n


3. IQ scores have been increasing for the last century or so, a phenomenon known as the Flynn effect. https://t.co/sCZvCst3hw (N β‰ˆ 4 million)

(Note that the Flynn effect shows that IQ isn't 100% genetic; it doesn't show that it's 100% environmental.)


4. IQ predicts many important real world outcomes.

For example, though far from perfect, IQ is the single-best predictor of job performance we have – much better than Emotional Intelligence, the Big Five, Grit, etc. https://t.co/rKUgKDAAVx https://t.co/DWbVI8QSU3


5. Higher IQ is associated with a lower risk of death from most causes, including cardiovascular disease, respiratory disease, most forms of cancer, homicide, suicide, and accident. https://t.co/PJjGNyeQRA (N = 728,160)
First update to https://t.co/lDdqjtKTZL since the challenge ended – Medium links!! Go add your Medium profile now πŸ‘€πŸ“ (thanks @diannamallen for the suggestion 😁)


Just added Telegram links to
https://t.co/lDdqjtKTZL too! Now you can provide a nice easy way for people to message you :)


Less than 1 hour since I started adding stuff to https://t.co/lDdqjtKTZL again, and profile pages are now responsive!!! πŸ₯³ Check it out -> https://t.co/fVkEL4fu0L


Accounts page is now also responsive!! πŸ“±βœ¨


πŸ’ͺΒ I managed to make the whole site responsive in about an hour. On my roadmap I had it down as 4-5 hours!!! 🀘🀠🀘
1/ Some initial thoughts on personal moats:

Like company moats, your personal moat should be a competitive advantage that is not only durableβ€”it should also compound over time.

Characteristics of a personal moat below:


2/ Like a company moat, you want to build career capital while you sleep.

As Andrew Chen noted:


3/ You don’t want to build a competitive advantage that is fleeting or that will get commoditized

Things that might get commoditized over time (some longer than


4/ Before the arrival of recorded music, what used to be scarce was the actual music itself β€” required an in-person artist.

After recorded music, the music itself became abundant and what became scarce was curation, distribution, and self space.

5/ Similarly, in careers, what used to be (more) scarce were things like ideas, money, and exclusive relationships.

In the internet economy, what has become scarce are things like specific knowledge, rare & valuable skills, and great reputations.