79

前端进阶:React 企业管理系统开发指南

 6 years ago
source link: http://www.10tiao.com/html/434/201807/2651561653/1.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

经过了刀耕火种的以 jQuery 为代表的插件化时代,走过了曙光初现的以 Sea.js 为代表的模块化时代,前端终于迎来了以 React、Angular、Vue 为代表的组件化时代。站在今天的这个时间节点上,前端开发从未如此简单也从未如此复杂过。简单的是 JavaScript 逐渐接管了所有的 DOM 操作,前端工程师越来越少地需要与复杂难懂的 DOM API 直接打交道。复杂的是 JavaScript 本身发展出了越来越多的新特性,甚至是超集 TypeScript,这些变化都让习惯了单兵作战的前端开发开始需要一个背后庞大的工具链做支持。

随着 MVVM 框架、组件库、构建工具等前端基础设施建设的逐渐成熟,前端开发开始同时向着多个细分领域全面发力。横跨多端的大前端、工业化量产的中后台系统、代表着未来的数据可视化,每一个垂直领域都蕴含着巨大的机遇与挑战。

但当我们回归初心,在前后端分离已成既定事实的今天,前端应用需要承担的责任也越来越重。布局、权限、菜单、通知、多语言(国际化)等等这些传统应用中由后端主导的模块已经悄悄深入了前端应用内部,如何系统化地架构这些功能成为了每个前端工程师都必须补上的一课。

集中管理的配置项与方便灵活的代码,究竟哪个更适合用来组织企业管理系统中的各个模块?正确地区分临时性的 UI 状态与持久化的应用数据,对于理清复杂应用的数据流有着怎样的重要作用?在 MVVM 框架的帮助下如何摆脱传统前端应用中命令式的编码方式,做到真正意义上的数据驱动视图?

在这本小册中,我们将一起回顾前端开发一路走来的发展历程,并以企业管理系统这样一个困扰前端开发多年的历史问题为切入点,深入剖析页面布局、权限管理、菜单路由、消息通知、多语言支持等五个模块的最佳实践以及组件化开发存在的问题及相应的解决方案。

作者介绍

诚身 阿里巴巴旗下 Lazada Group 高级前端经理,曾任阿里巴巴集团数据技术及产品部资深前端工程师。知乎 pure render 专栏核心作者,JavaScript 深度学习框架 deeplearning-js 作者。现居新加坡,专注东南亚电商,帮助多家东南亚独角兽公司从零搭建前端团队,统一开发规范并制定开发流程。

名人推荐

你会学到什么

  • 从插件化到模块化再到组件化,前端下一次的进化方向是什么

  • 组件库越写越熟练,项目的开发效率却并没有质的提升,问题在哪里

  • 如何使用组合式开发的思想拯救交互与体验都仍停留在上个世纪的企业管理系统

  • 如何基于 React 16.0 & webpack 4.0 开发前端项目脚手架

  • 企业管理系统的通用页面布局方案

  • 实现页面级别基于用户角色的前端权限系统

  • 多级应用菜单如何与当前页面路径相结合

  • 系统消息与全局用户操作通知设计

  • 搭建国际化的支持多语言切换的企业管理系统

  • 从静态页面搭建到动态可交互页面搭建,前端可视化页面搭建工具的前世今生


最后如果你有兴趣深入学习前端应用架构

可以长按下方的二维码,享受5折优惠购买




About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK