Harsh | Web, Mobile, SaaS Development Profile picture
Apr 26, 2021 β€’ 12 tweets β€’ 4 min read β€’ Read on X
Top tips and tricks I learned from EpicReact complied in the thread below 🎩 πŸͺ„

Thanks @kentcdodds πŸ™ŒπŸ»

Everyone working with React must check this out πŸ§΅πŸ‘‡πŸ»
✨ React Fundamentals ⚑️ πŸ›°

If you are using the key as an index in React you should consider checking this example on how it affects the rendering.

Link to demo - react-fundamentals.netlify.app/isolated/final…
✨ React Hooks Lifecycle

This React flow diagram is all you need to understand while working with hooks written @donavon nicely explained by KCD!
✨ React Hooks

To master React hooks you need to understand the following concept 🎯

βœ… useState
βœ… useEffect
βœ… useRef
βœ… useReducer
βœ… useCallback
βœ… useContext
βœ… useLayoutEffect
βœ… useImperativeHandle
βœ… useDebugValue

@kentcdodds has nicely explained them
✨ React Performance

Lazy loading of components while the user hovers on an element. Wow, how cool is this?🀩

Check the next thread for output 🧡
Output πŸ”₯
✨ React Component Components

Using compound components in React is so amazing, I'm sure there will be many devs out there who have never tried this out.

Check the next thread below for output 🧡
Output πŸ”₯
✨ Perf death by a thousand cuts πŸ”ͺ 🍎

This HOC component is all you need to memorize a specific slice of the state πŸ• so that it re-renders only when the slice of the state it cares about is changed.
✨ React Suspense

Got to learn few things which I never knew
βœ… Concurrent Mode
βœ… Data-Fetching
βœ… Render as You Fetch
βœ… useTransition
βœ… Cache Resources
βœ… Suspense Image
βœ… Custom Hooks
βœ… SuspenseList
Thanks for your time!

PS: There are many more tips and tricks in epicreact.dev

Like/RT to share knowledge πŸ™‚

β€’ β€’ β€’

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

Jun 7
Meet Rolf Dobelli.

For the last 15 years, he has been a world-renowned expert in decision-making.

I've read 100 hours of content by him to improve my judgment.

7 razors to think more clearly (and become a better entrepreneur): Image
1. Action Bias

When you're always doing something, you neglect thinking.

Ask yourself:

β€’ Is it worth it?
β€’ Is this the best way to do it?
β€’ Am I trying to control things outside my control?

This aligns my long-term goals with my short-term goals.
2. Fundamental Attribution Error

People underestimate external factors.

You sometimes fail to recognize that results are still out of your control, no matter how hard you work. As people think, "I've given my best, but it didn't work out."

This leads to quitting.
Read 9 tweets
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
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
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
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
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

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!

:(