Webpack + react full stack engineering Project REAL Combat explaining

Source: Internet
Author: User
Tags browser cache

The 1th chapter of the course introduction
we mainly have a brief introduction to different types of front-end projects on the market, and also introduce different types of suitable technology selection. And we are now the mainstream of some front-end technology to introduce a brief, explain its characteristics and what type of problem to solve, I hope that students in this chapter in the face of the mainstream front of the market has a general understanding, can help you encounter different types of projects in the future to judge the technology selection. ... 


The 2nd chapter of the project structure
we formally started building WebApp projects from scratch. First, establish the most basic Webpack configuration, Nodejs service, webpack-dev-server configuration, and the basic service-side rendering configuration. The most important thing is that we work with Webpack to get the bundle of service-side rendering in the most efficient way in development, and to easily debug the server-side rendered code at development time. ... 


Chapter 3rd Project Structure
We started the project configuration. From React's basic, React-router and MOBX store, and complete a simple front-end demo. After these front-end configuration, we combine the service-side rendering, and also join the function of routing jump and data acquisition on the service side, to achieve the basic front-end isomorphism. At the same time we want to Cnodejs open API, so that our application can access the data. ... 


4th Chapter Business Development
from here on, we enter the business development process. First we want to use the Material-ui component library, we want to configure the server-side rendering of the component library, and show the basic usage of the component library. We then carry out major business development, including topics list, topic details, login, user details, topic release and other functions. Finally, we upgrade the service-side rendering, so that the user's login status can be maintained. ... 


The 5th chapter of the project compilation package on line
It mainly describes the formal environment of code packaging and deployment. We maximize the optimization of code packaging, so that we can maximize the use of browser cache to speed up user access. Next we upload the packaged code to the seven KN CDN, speeding up the loading of static resources and automating the upload process. Finally we use Nginx and PM2 to deploy our project on the server so that the extranet users can access our website. And we have joined a ...


The 6th chapter of the course summary
A holistic review and summary of the curriculum

: http://www.itgood.vip/thread-3702-1-1.html

Webpack + react full stack engineering Project REAL Combat explaining

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.