After a period of in-depth study and practice, there was no React SSR development framework based on KOA2 in the industry at that time, so we simply wrote an open source project zz.js with React + Node + KOA2 +webpack as the technology stack.

During this period, I consulted a large number of articles. Finally, I still need to verify all cognition and understanding through practice. Later, in order to verify and upgrade my wheels, I referred to the implementation of some frameworks in the industry and applied the better implementation of them to my wheels. Although the implementation details were different, the principle was similar.

At present zz.js, has been relatively complete, can be used in the actual project development, because it is all white box, so it can be very convenient for secondary development and transformation.

Now, with the help of this small volume, the author will sort out the understanding and cognition of React SSR technology into a written form, and guide you step by step from the basic principles, combined with a lot of practices, to discover, analyze and solve problems, and build a complete development framework from scratch. The process is similar to building a house, starting from the foundation and building gradually. Finally, you can have a very detailed and complete cognition and understanding of the principle of this technology and the implementation details of building SSR framework as well as the investigation and treatment of problems. Finally, you can also build your own SSR development framework.

I hope this booklet can help you answer questions, reduce your learning costs, and quickly master this technology.

The authors introduce

Zz_jesse is the front-end R&D leader of a listed Internet company, the author of the public account “Front-end Technology Arena”, and the author of the React SSR application development framework “zz.js”. Early to do back-end development, now focus on the front-end field, love to toss, love to share.

The main contents of the booklet

A little book with a vision

Small volume features – comprehensive, complete, involving principle, practice, details, development environment, production environment, performance optimization, multi-version isomorphism (stateless management, stateless management, dual-mode rendering).

Booklet vision – To help students who are interested in React SSR technology answer questions, reduce learning costs, and thoroughly understand and master the technology.

It can be studied systematically or used as a reference book to refer to as needed.

Technology stack

react 16

koa2

node

react-router5

babel7

webpack4

webpack-dev-server

Other support...

Copy the code

What will you learn?

Learn the basics and principles, learn how to build a complete application framework from 0 to 1, thoroughly understand React SSR technology, and finally build their own SSR application framework.

  • Thoroughly understandReact SSRCore principles of
  • Understand isomorphism thoroughly
  • How to build isomorphic apps
  • Data isomorphism
  • Routing isomorphism
  • Routing segmentation
  • CSS isomorphism
  • Optimize with higher-order components
  • React combines the isomorphic application of Redux
  • Webpack configuration on the server and client
  • How to configure the production environment
  • Application of node child processes
  • The development and design process of a project skeleton from 0 to 1

Appropriate crowd

  • Junior high school senior front-end engineer
  • Knowledge of traditional service rendering techniques
  • rightReact SSRInterested in technology, no matter what you usereactorvueSame principle
  • rightreact node koaBasic understanding and application

Click to buy