Dive into the React technology stack

Choose the path of React. It is simple and easy to use for me, and it has made progress for the team with its active ecosystem and endless excellent solutions. We have been persisting in exploring and learning on this road till now.

I have been writing the column for nearly a year, and have accumulated 24 articles of accumulation and sharing. I am very grateful to my friends for their support. At this time, I am about to publish a summary of this year, which is the book on the title picture - "In-depth React Technology Stack".

We are very lucky to have Guo Dafeng, a pioneer in React practice, write the preface to this book. We also have three great people, Zhang Kejun, Cun Zhi and Ruan Yifeng, to recommend this book. Of course, there are also some friends from different places who have written the preface to this book. I reviewed it while I was busy and expressed my gratitude.

Now let me talk about the purpose of publishing this book, its main contents and follow-up.

Purpose of publishing this book

Excerpt from the preface:

At present, there are already some introductory React books, both at home and abroad. Most of them introduce basic concepts, and those contents can allow you to enter easily. React
world. But in addition to elaborating on the basic concepts in detail, this book will also help you go from understanding React to becoming familiar with its principles, from exploring the ideas of Flux application architecture to mastering the Redux
application architecture, and helping you think about the value that React brings to the front-end world. React today It is a kind of thought. I hope that by interpreting it, readers can learn by themselves.

Part of the content of this book is extracted and summarized from the "column" articles. You will see in the table of contents that there are many chapters that have appeared in the column, but the content has been corrected and upgraded, and there are many more due to need The content for in-depth exploration of the context is rewritten, aiming to systematically describe the use and principles of React and its technology stack.

React, Flux, and Redux themselves are not complicated. What’s more important is to understand the principles of their operation and learn to use them for your own use. Therefore, this book is different from the practical type which has a lot of space to talk about examples, but always first explains the origin or principle of this feature and why. Naturally, whether you are learning React or not, you can always learn some programming ideas from it. There will be a certain learning cost for front-end beginners, but it doesn’t matter. I believe that you can still read in depth from the beginning.

If you need a project that can run, then you will come into contact with a series of tools such as babel, webpack, eslint, karma, etc. This is a nightmare for beginners. I don’t recommend jumping into this whirlpool. There are a lot of starterkits available on Github. For beginners, don’t waste time on configuration. As you get deeper into application development, you will naturally understand it gradually.

Improvement and upgrade of column content

The writing of the column is written by friends’ special research or practice summary. The topics are scattered. The contents of the book have been carefully organized and connected, and there is a lot of newly written content. :

Explains all aspects of React from basic knowledge to advanced knowledge, including inter-component communication, inter-component abstraction, performance optimization, etc. that everyone cares about. In particular, Chapters 1 and 2 describe some methods of componentization through Tabs component examples, including pure knowledge systems and practical content.

The chapter on source code analysis has been updated. All examples are written based on React 15.0, and of course the entire book is. This is a relatively large update, and students who are interested in the source code can read it carefully.

Explains the use of Flux and Redux with complete examples, and analyzes them to the source code level to help readers understand their principles and truly use them.

Rich usage examples of React combined with visualization, especially how to encapsulate visual libraries like Recharts. Visualization is closely related to the front-end field. Most of the principles lie in the algorithms of images and graphics. There is not much content to talk about at the framework level.

During the review process, FB announced the information about React VR. FB really wants to build React into a full-end interface library, which is really big news for us.

Regrets and Thoughts

The publication of this book is not the "end" of the column, it is just a summary of the previous situation for us. There are endless interesting ideas on the front end every day, and there are still many areas to explore.

This book covers less about the most popular mobile terminal at present. This book is still written based on the componentization of the PC terminal. Simply React Native is the regular army. Interested students can read books on RN and study seriously.

In addition, during the writing period, the minor version of React 15 had several minor version upgrades, and there were also major updates such as Fiber. This is an unavoidable situation. Updates will be fed back to the column. In addition, we hope readers can draw inferences and learn the essence.

There is a lot to talk about Redux, and there are many libraries involved, which will inevitably cause learning difficulties for novices. In addition, there are many popular libraries that are not specifically covered, such as redux-sagas, redux-observable, Mobx, etc.

The above is the in-depth content of the React technology stack. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!