Part 3. React application architecture

 

By the end of part 2, you will have transformed the Letters Social sample application from a bare-bones static page to a dynamic user interface with routing, authentication, and dynamic data. In part 3, you’ll add to what you’ve created by exploring some advanced topics in React.

In chapters 10 and 11, you’ll explore the Flux application architecture and implement Redux. Redux is a variation of the Flux pattern that has become the de facto state management solution for sizeable React applications. You’ll explore the concepts of Redux and transition your React application to use Redux as the state management solution. As you do this, you’ll continue to add features to Letters Social, including comments and the ability to like posts.

In chapter 12, we’ll take things a step further and explore how you can use React on the server. Thanks to the availability of the node.js server runtime, you can execute React code on the server. You’ll explore server-side rendering with React and even integrate your Redux state management into the process. You’ll also integrate React Router, a popular routing library for React.

Finally, you’ll make a minor departure from React for the web in chapter 13 and explore React Native. React Native is another React project that gives you the ability to write React applications that can run on iOS and Android mobile devices.