webpackreact全栈工程架构项目实战精讲webpackreact全栈工程架构项目实战精讲
1第1章 课程介绍
我们主要对市面上不同的前端项目类型进行一个简单介绍.并同时介绍不同类型的适合怎么样的技术选型。并且我们对现在主流的一些前端技术逐一进行简单介绍.讲解其特点以及适合解决什么类型的问题.希望同学们能在这章里面对市面上的主流前端有一个大致的了解.能帮助你今后遇到不同的类型的项目时判断技术选型。…
第2章 工程架构我们正式开始从零开始搭建webapp项目。首先建立最基础的webpack配置.nodejs服务.webpack-dev-server的配置.以及基础的服务端渲染配置。最重要的是我们配合webpack.在开发时用效率最高的方式拿到服务端渲染的bundle.并可以方便地在开发时调试服务端渲染的代码。…
第3章 项目架构我们开始进行项目配置。从react的基本.react-router和mobx的store.并完成一个简单的前端demo。在进行完这些前端配置之后.我们联合服务端渲染.在服务端也加入路由跳转和数据获取的功能.达到基础的前后端同构。同时我们还要联调cnodejs的开放api.让我们的应用可以访问到数据。…
第4章 业务开发从这里开始我们就进入业务开发的环节。首先我们要使用material-ui组件库.我们要配置组件库的服务端渲染.并展示组件库的基本使用方法。然后我们进行主要的业务开发.包括话题列表、话题详情、登录、用户详情、话题发布等功能。最后我们升级服务端渲染.让用户的登录状态可以一直保持。…
第5章 项目编译打包上线主要讲述正式环境的代码打包和部署。我们最大限度得优化代码打包.让我们能最大限度得利用浏览器缓存加快用户访问速度。其次我们将打包完成的代码上传到七牛cdn.加快静态资源的加载速度.并且这个上传过程也做到自动化。最后我们利用nginx和pm2在服务器上部署我们的项目.让外网用户可以访问我们的网站。并且我们加入了一…
第6章 课程总结对课程进行整体的回顾与总结
