Share this page!

Harsh Makadia Profile picture
Twitter logo
29 Nov, 16 tweets, 6 min read
4 years ago I started learning about the JavaScript library —ReactJS

Here are 11 resources I used to learn everything in my journey.

THREAD 🧵 ↓
Yes, I started learning about it very early as we wanted to build a product.

Tutorial those days were less compared today.

I have bookmarked the top resources that helped me in my journey

Let's get started!
1. ReactJS Official Documentation

This is a must-read for any who is getting started.

It helps to build a stronger based on every small thing you need to know.

reactjs.org
2. YouTube Videos

Here are 3 YouTube Videos that will take you everything you need to know

A. React JS - React Tutorial for Beginners by Programming with Mosh


B. Full React Course 2020 by freeCodeCamp
C. React JS Crash Course 2021 by Traversy Media


D. The Beginner's Guide to React by Kent C Dodds
egghead.io/courses/the-be…
3. React Hook Diagram

This diagram is something I still use today to explain junior developers.
4. React Hooks

Easy to understand React Hook recipes.

Hooks are a new addition in React that lets you use state and other React features without writing a class.

usehooks.com
5. Watch and Implement Clone

This YouTube channel builds clones of different websites like Pinterest, Gmail, etc Live.

Watching others code live and build something helps you learn faster.

Clever Programmer
youtube.com/c/CleverProgra…
6. Epic React

Epic React is hands-on practice coding in a real development environment.

epicreact.dev

Yes it's a paid course
Here are key highlights I learned from this course

7. Class Component to Hooks

I made this diagram to clearly understand how to replace class-based components with Hooks.
8. Top ReactJS Libraries to try today

Here are my curation of the top 25 libraries you should try which I learned building demo projects

9. React Roadmap by @kamranahmedse

Everything that is there to learn about React and the ecosystem in 2021.

roadmap.sh/react
10. Learn about build tools

• NPM -

• Webpack - webpack.js.org/guides/getting…
11. TypeScript

• Offical site - typescriptlang.org

• Crash Course 2021 -
Thanks for checking this out.

If you liked this content

1. Follow @MakadiaHarsh for more such threads around web development, no-code and personal growth.

2. Retweet the first to help others.

Cheers! 🥂

• • •

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
1 Dec
11 Must Use Chrome Extension For Web Developer.

These extensions have boosted my productivity by 5X.

THREAD 🧵 ↓
1. JSON View Pro

A completely free extension to visualize JSON response in awesome Tree and Chart view with great user experience and options.

No advertisements.

Directly beautify JSON from API response in the browser.

chrome.google.com/webstore/detai… Image
2. LightShot

Lightshot is the fastest way to take a customizable screenshot. Simple interface, nothing useless and lightweight.

chrome.google.com/webstore/detai… Image
Read 13 tweets
Harsh Makadia Profile picture
26 Nov
Don't stress about the Twitter Algorithm and the Best Time to tweet.

I grew to 18,000 followers staying calm.

9 Important lessons I learned the hard way so you don't have to.

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 giving your best shot.

Don't worry about the things which are not in your control i.e Twitter Algo
2. Don't Post for Virality

Don't write for going viral.

If you fall into that trap, you will never grow.

I kept on posting every day for 6 months and engaging with others.

Note:
The content you think will go viral will NEVER go viral.
Read 13 tweets
Harsh Makadia Profile picture
25 Nov
10 Ways To Crush Your Goals (Even When You Don’t Feel Like It) 🧵:
1. Plan for chaotic days

The key to attaining your goals is to design a winning day by identifying and prioritizing the most important tasks.

By doing this you are set out to accomplish the most important tasks and ignore everything else.

Don't allow anything to sidetrack.
2. Celebrate the small wins

Celebrating the small wins is getting on the right track to bigger goals.

Keep track of all small wins on your notes.

The day you are feeling low refer to them as your motivation booster.
Read 14 tweets
Harsh Makadia Profile picture
24 Nov
You don't get paid big bucks without doing more than others.

13 Easy things Web Developers should do to be in the top 10% 🏆

THREAD 🧵 ↓
1. Build a Portfolio of project

It's a great way to demonstrate your skills as a developer.

While you learn new skills, build projects to showcase them.

Your portfolio can help you to get hired or get new opportunities.
2. Write Blogs

You are killing two birds with one stone when you write blogs.

Improve your writing skills and learn more in order to write.

You get more visibility on the Internet.
Read 17 tweets
Harsh Makadia Profile picture
22 Nov
I've 6+ years of experience working with Frontend technologies.

Here is the advice I'd give if you are just getting started to master web development.

THREAD 🧵↓
The web development journey is a never-ending process.

There are a lot of new technologies and frameworks coming up every day.

But guess what?
For the last 2 years, I'm mentoring many developers within organizations to help them outperform.
This thread will contain all information on How I learned all the technologies that helped me stand out from the crowd.

I'm pouring out everything I have learned to help you reach the same milestone.

Assuming I'm starting from ZERO today I would do the following things.
Read 23 tweets
Harsh Makadia Profile picture
18 Nov
I went from 0 to 17k in less than 8 months.

Here are 15 FREE Twitter tools to 10x your game.

Marketing tactics to steal right away ↓
1. Profile Picture Maker

Remove the background easily and make an awesome profile picture.

Instantly generated profile pictures.

Get more views, likes with this Hack.

pfpmaker.com
2. Canva

Create Beautiful Twitter Banners in minutes.

You can use it to create media images.

You can create a design and reuse them as your own brand.

canva.com
Read 18 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

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

:(