Share this page!

Maybe Scrolly?
Harsh Makadia Profile picture
Twitter logo
7 Oct, 14 tweets, 6 min read
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 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
5 Oct
The global software developers population is expected to reach 28.7 million by 2024.

These are 11 super valuable skills you should have to lead the race.

Thread 🧵 ↓
1. Strong communication skills

Once you become a senior developer communicating with clients is a huge part of your job.

No matter how good your technical skills are, you will not succeed if you cannot communicate with your clients.
2. Ability to present ideas

You may know how to make an excellent website, but if you cannot effectively show your ideas, you will never be able to go forward.

You will be able to give people what they want.
Read 16 tweets
Harsh Makadia Profile picture
4 Oct
These are the useful advanced backend tools for web development right now.

8th is my all-time favorite.

Thread 🧵 ↓
1/ Firecamp

Firecamp enables you to test out APIs of your choices, WebSocket, HTTP, and GraphQL collaboratively within a single app across your team.

To download Chrome Extension
chrome.google.com/webstore/detai…
2/ Dbeaver

Universal Database Tool

Supports all popular databases: MySQL, PostgreSQL, SQLite, Oracle, DB2, SQL Server, Sybase, MS Access, Teradata, Firebird, Apache Hive, Phoenix, Presto, etc.

dbeaver.io
Read 11 tweets
Harsh Makadia Profile picture
1 Oct
Learning programming could be tricky at the beginning.

Here are the top coding challenge platforms to level up your game.

THREAD 🧵 ↓
{ 1 } Exercism

Develop fluency in over 55 programming languages with our unique blend of learning, practice, and mentoring.

Exercism is fun, effective, and 100% free, forever.

exercism.org
{ 2 } CSS Challenges

Unleash your CSS skills

css-challenges.com
Read 12 tweets
Harsh Makadia Profile picture
30 Sep
Stop worrying about Twitter Algorithm & the Best time to tweet.

Here are 6 lessons I've learned after posting over 11,000 tweets and growing an audience of over 11,000.

THREAD 🧵 ↓
1. If your content is good, It will skyrocket on its own no matter what.

My tweets have gone viral with ZERO planning.

Focus on providing value and give your best shot.

Don't worry about the things which are not in your control.
2. Even if a single person found your content insightful, It's worth it.

The Twitter algorithm will never show all your tweets to all followers so stop worrying about it.

Even if you have a small following, It's completely fine If one person is getting value out of it.
Read 9 tweets
Harsh Makadia Profile picture
28 Sep
Storytelling is a "Cheat Code" to Make More Money.

Telling cohesive stories can bring your audience on an immersive journey.

10,000 feet deep understanding, Marketing Masterclass 🧵 ↓
{ 1 } What is Storytelling?

Storytelling is the ability to communicate using narrative, imagery, emotion, and pro-social behavior to evoke collaborative learning across boundaries.

It is the most effective tactic in marketing.
{ 2 } It will help you attract people to your blog

It's no secret that people love a good story.

By telling your story, you're connecting with your audience on a deeper level.

A good blog post can draw the reader into a story and leaves them wanting more.
Read 14 tweets
Harsh Makadia Profile picture
27 Sep
I've written tons of threads around Web Development, Growth Hacks.

If you write threads, you can get sh*t ton of new followers.

But most of them suck at writing attention-grabbing hooks.

Here are 7 frameworks that will help your audience stop scrolling.

Thread 🧵 ↓
What Is a Hook?

A hook is something that draws the audience's attention and makes them want to see what will happen next.

The audience stops scrolling when they see something mysterious.

A hook is like bait.

You hook someone and make him curious to hear the story.
Why Is a Good Hook 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 your thread if the first tweet doesn't make sense to them.
Read 14 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 Become our Patreon

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

:(