Here is my proposal to start with React the right way.
First of all, you need basic knowledge of HTML and CSS. If you don’t have any idea what it is, I think that this online course at W3 is the best source to start with.
Writing code in Notepad is not the best solution for a developer. You need IDE (Integrated Development Environment), which colours your code, gives you hints and helps with formatting. I prefer WebStorm, but you must know it is a paid tool. For learning React, Visual Studio Code will be enough though. You can also start with an online IDE like JSFiddle or Codepen.
After a successful configuration of IDE, the next step is simple — read the documentation. The official resources from React authors are really valuable (much better than Angular official documentation, in my opinion).
For beginners, the best solution to learn React is watching tutorials. There are a few platforms with high-quality content, for example, egghead.io or Pluralsight. These platforms will show you React structure, life hacks, etc. – I mean there is everything you need to know before you start working with React. You can also look at free React basic courses from Egghead.
After this, you should gain at least basic knowledge on how to create the simplest React App. The next tutorial on my list is also an official tutorial from React. This one explains specific topics like creating components with state more clearly.
When you know the basics, it is time for you to find out how to create more complicated apps with more views. I think it is a good moment to learn React Router. It helps create routes for Single Page Application. For this, there is the official documentation and I can also suggest an online video tutorial: React Router and intro to SPA by Learn Code Academy.
In almost every app there are forms, so I think it is a good point to know how it works in React. For simple forms, there is a tutorial from an official React documentation.
When you master React components and routing you can write code to build your first Single Page Application. After that, you are ready to move to a more complex level of React.
In my opinion, observables are better for async communication between API and Redux store than Promises. You can manage actions, switch them to another action, manipulate data in one Epic. For more details, here is a link to GitHub package.
Redux Forms allow you to keep your forms in Redux. You can manage your forms from every Component in your app. You can also create reusable components for Fields and wrap them in Redux Form. At Briisk, Mirosław Bogacz, a senior front-end developer, wrote an example of how to use Redux Form. You can read it here.
All the materials I presented above are good for beginners and mids, however, without practice, they may not give you too many results. What I recommend to you to learn React, is to practice, practice and practice more.
Experience is the best teacher, but you need to have something to start with, and I believe the above materials will do the job. Try to avoid StackOverflow at the beginning, because there is a lot of bad practices and unstructured knowledge. However, reading the documentation again, and again will also make you a better developer.
That is it from me, I hope I helped. Good luck and enjoy React!