Quick Hacks to learn React.

Have you heard that old saying… “How do you eat an elephant?”

…

One bite at a time!

…

React is easy to learn but hard to master.

I hear quite often: "I don't know how to build an app with React all on my own!".

I agree. That is hard.

But here is what you have to do:

Start with one argument at the time.

In the very begining learn what JSX is and how it composes the HTML which browsers understand, in a declarative way rather imperative.

Next learn about state.
First learn setState and how it works at the component level.

Then learn what the global state is and how it works.

Build little things using only JSX and state!

Then learn about mutation and useEffect!

Well, when you'll know to compose components, what the JSX does and useState and useEffect, you are beyond half of the way.

Next learn about optimization. useMemo, React.memo, useCallback.

Learn useRef and useReducer.

Learn how to build your own custom hooks and why you need them.

Learn how to handle global state.

Start with useContext. Later you can swith to other state management systems.

Next read a lot about React.

React docs
Dan Abramov blog
Kent C Dodds blog (and Epicreact)
Robin Wieruch blog
Whatever blog you find info in.

Now you are in good shape. this covers most of the topics used in day to day activities.

Keep in mind, you can't learn everything at once. it will take time.

Happy Coding :)