Use it. Sounds simplistic but it's one the best, fastest teachers. Think up a sample project like a more advanced todo app and try to build it. Do some research along the way.

Use create-react-app to get up and running fast as well as boilerplate example projects on github to see how others have used it.

Have fun!

Hi, @spsiddarthan!

We have had similar discussions here, in the past. Check out the following content:

• @prank7's answer to What are the best ways / resources to get started with learning ReactJS if coming from an AngularJS background?
• @sandeep's answer to If you had to learn React all over again, what would be your path?
• @Kleo's answer to Anyone knows any good resources to master React?

Personally, I recommend React's official tutorial, to get started with. It is very well written, and will quickly get you up to speed with all the core parts of React.

The core concept behind React is really simple — your UI is a pure function of your data (state), go ahead with that in mind; and with the above aids, you will master it in no time. :)

I enthusiastically endorse going to http://survivejs.com/ and go through the online versions of their webpack and reactjs tutorials. You can also buy the book versions as well. Extremely well done.

ReactJS Program has a good curriculum of everything you could possibly want to know. It's a good time investment. I, however, have only done the first course, as the others cost around $250 each.

We go through this with interns a bit. Basically...

• learn ES6 first if you haven't. A lot of people went from jQuery to Angular/typescript and never really did ES6, but React tends to use ES6 features so you want to be comfortable with them (eg. arrow functions, spread/rest, etc).
• then learn React DOM - ie. just learn the view layer (reactarmory.com is good for this)
• then add on a router , whatever state manager you're keen on etc

The point is just to learn the pieces separately so you know what's what. The use of ES6 is an interesting contrast with Angular which prefers to provide its own APIs for everything (ngif etc).

Philosophically you mostly just need to remember Angular is an extremely opinionated framework, ie. all the decisions are basically made for you/the community. In contrast React doesn't really enforce anything, although Create React App does provide a pretty good idea what the community is mostly using (ie. if it was to be as opinionated as Angular, it'd look something like CRA).

Or if you just want a good all-in-one intro, the Wes Bos course is great. Don't be put off by the 'beginners' label it's just a good, clear course for anyone wanting to quickly get up to speed.