如何用 React 构建前端架构
2018-04-12 10:43
281 查看
灵活的框架或者库给开发者很大的自由空间,自由的代价是责任。简单的应用可以随心所欲,但是一旦开发复杂的应用时,就需要有清晰的逻辑分层,可执行的工作流,可移植的能力「如客户端或者服务端渲染」。前端开发总是面临这三个技术问题:
组件依赖关系
状态数据流动
异步操作响应
团队协作也会面临三个管理问题:
代码风格
测试驱动
工作流
本场 Chat 将从三个阶段的技术栈带你构建前端架构:
初级栈,使用 create-react-app
中级栈,使用 React、Mobx、Mobx-State-Tree、Webpack、Babel
高级栈,中级栈的基础上增加 Server-Side Render
阅读全文: http://gitbook.cn/gitchat/activity/59c990b1471754088fe805ac
组件依赖关系
状态数据流动
异步操作响应
团队协作也会面临三个管理问题:
代码风格
测试驱动
工作流
本场 Chat 将从三个阶段的技术栈带你构建前端架构:
初级栈,使用 create-react-app
中级栈,使用 React、Mobx、Mobx-State-Tree、Webpack、Babel
高级栈,中级栈的基础上增加 Server-Side Render
阅读全文: http://gitbook.cn/gitchat/activity/59c990b1471754088fe805ac
相关文章推荐
- 像这样构建前端架构,除了 React 没有其他可说了
- 直播|百安居前端架构师陈国兴:如何使用React构建同构(isomorphic)应用
- 提问:如何设计含复杂数据客户端存储交互的前端架构
- 如何构建大型网站架构
- 如何构建日请求数十亿次高性能高可用广告系统:微博广告架构解密
- 构建基于LVS+OSPF+FULLNAT的前端负载均衡架构
- 【JAVASCRIPT】React学习-如何构建一个组件
- 如何通过 Vue+Webpack 来做通用的前端组件化架构设计
- 京东技术架构(一)构建亿级前端读服务
- 如何规划构建一套大型的Citrix桌面虚拟化架构 - Part2
- 如何构建一个较为通用的业务技术架构
- react+react-redux demo 连载 如何自学前端
- 使用SSH如何构建架构层次
- 如何构建高可用和可伸缩的架构?
- 如何选择前端框架:ANGULAR VS EMBER VS REACT
- 浏览器---Chrome前端开发必备插件,如何设置代理,react调试,定死https协议,sublime热更新,浏览器发请求post
- React实战-如何构建扁平化的Redux数据结构
- 如何构建前端代码
- EasyNVR H5直播流媒体解决方案前端构建之:如何播放自动适配RTMP/HLS直播播放
- iOS项目工程结构,数据流思想和代码规范 工程结构架构,减少耦合混乱以及防治需求大改造成结构重构,如何构建稳定可扩展可变换的工程结构的思考