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 | Web, Mobile, SaaS Development Profile picture
@MakadiaHarsh
Oct 7, 2021 • 14 tweets • 6 min read • Read on X
Scrolly
Are you working with a JavaScript library ReactJS?

These are 11 must-use tools for development.

THREAD 🧵 ↓
1. useHooks

Easy to understand React Hook recipes.

There are tons of customized hooks that you can use right out of the box to save your time.

usehooks.com
2. React Sight

Visualize your React application in minutes.

➵ No Setup Required
➵ Works with all libraries
➵ Support to Hide/Show components

reactsight.com
3. Bundle Analyzer

Webpack plugin and CLI utility that represents bundle content as a convenient interactive zoomable treemap.

Find out what is consuming more space in your build in seconds.

github.com/webpack-contri…
4. Why Did You Render

It monkey patches React to notify you about potentially avoidable re-renders.

Works with React Native as well

github.com/welldone-softw…
5. React Chrome Extension

It allows you to inspect the React component hierarchies in the Chrome Developer Tools.

Catch multi rerendering within your app in minutes.

chrome.google.com/webstore/detai…
6. Storybook

Build component-driven UIs faster.

Storybook is an open-source tool for building UI components and pages in isolation.

It streamlines UI development, testing, and documentation.

storybook.js.org
7. Formik

Build forms in React, without the tears.

Formik comes with battle-tested solutions for input validation, formatting, masking, arrays, and error handling.

formik.org
8. CodeSandBox

Create, share, and get feedback with collaborative sandboxes for rapid web development.

An online IDE for rapid web development.

codesandbox.io
9. ESLINT

Find and fix problems in your JavaScript code

eslint.org
10. React Hot Loader

Tweak React components in real-time.

React Hot Loader will keep it mounted, preserving the state.

gaearon.github.io/react-hot-load…
11. ReactJS CheatSheet

React Code Snippets that you will love.

devhints.io/react
Thanks for stopping by and reading about this.

1. Retweet to inspire others

2. Like if you loved this

3. Follow @MakadiaHarsh for more such tips and tricks

Cheer! 🥂
Back to Top 🔝

• • •

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

Keep Current with Harsh | Web, Mobile, SaaS Development

Harsh | Web, Mobile, SaaS Development 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 | Web, Mobile, SaaS Development Profile picture
Apr 21
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 | Web, Mobile, SaaS Development Profile picture
Jan 16
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 | Web, Mobile, SaaS Development 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 | Web, Mobile, SaaS Development 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 | Web, Mobile, SaaS Development 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
Harsh | Web, Mobile, SaaS Development Profile picture
Jul 2, 2023
8 Advanced ChatGPT Prompt Techniques For 10x Output

Steal Them :
1. Prompt chaining:

Break down complex tasks into simpler, smaller ones, then chain the prompts to accomplish the overall goal.

Example in the next thread 👇
Prompt:
Task: Write a short story about a time-traveling scientist.

Step 1: Generate a story outline.
Prompt: Outline a short story about a time-traveling scientist.

Step 2: Expand on each point in the outline.
Prompt: Write a detailed paragraph about [point from outline].

Read 12 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!

:(