Text tutorial on React.js and Redux in Russian

(the React Basics textbook has a second edition , a Redux tutorial in the update process)



Finished working on a pair of detailed text tutorials in Russian. I tried to devote as much time as possible to practice. In the course of the story there are questions, tasks and solutions.

The course about Redux got into the official documentation .

Both manuals are free and available on gitbook (you can download PDF, ePub, mobi).

The texts purposely involve terms translated into Russian (for example, state ), English ( state ), or the English term written in Russian - state . I consider this permissible, and even more so, convenient for the reader.

React.js for beginners

In this course, the basics of the "reactor" are affected. The result will be a small application in which the user can add the news to the news feed.

It is not specifically considered webpack , hot module replacement, and so on. A reaction is a library, so simply add the script to the page and start writing on it.

A little more than the other topics, the work with the form (controlled and uncontrollable components) is disassembled in the course. The remaining sections are text minimum. PropTypes are not forgotten.

At the conclusion of the course (at the moment), a simple implementation of a system of global events is considered. Which smoothly leads the reader to why flux (and Redux ) were created.

Plans to write about animations.

Code - ES5. Direct link to the course ( PDF , ePub , mobi ).

Redux

In this course, on the contrary, webpack and HMR support are added, development becomes more comfortable, but perhaps somewhat confusing at the preparation stage, if the reader has never worked with webpack and babel .

The result will be a mini-application that allows you to get a photo from VK for different years, sorted by likes. Coverage requests for the execution of ajax requests in particular, and "how does it work", if you decide to use the Redux approach.

For those who only choose the flux-architecture, or have not worked with react at all, I want to say that the redux approach is very sympathetic to me. In my opinion, it is well structured code and makes it readable. Even if you open a "slightly forgotten" project, you will not need much time to remember what and how it works.

The plans - routing, assembly optimization.

The code is ES2015 / ES7. Direct link to the course ( PDF , ePub , mobi ).

As a conclusion

I will be glad to hear criticism on the text, on the code and in general. Which chapters are poorly written (if you are “experienced”), or which chapters were not clear to you (if you are a “beginner”)?

What questions were not addressed in the tutorials, but to which you crave to find out the answer?

Thanks for attention.