Taier开源大数据调度系统Web前端架构选型有哪些技术实践？

本文共计2496个文字，预计阅读时间需要10分钟。

原文链接：[基于开源大数据调度系统Taier的Web前端架构选型及技术实践+课程获取：关注公众号数栈学习社，后台私信Taier获得直播课程+视频回放](#)

简化版：基于开源大数据调度系统Taier的Web前端架构选型与技术实践，课程获取：关注数栈学习社公众号，私信Taier获取直播课程及视频回放。

原文链接：基于开源大数据调度系统Taier的Web前端架构选型及技术实践

课件获取：关注公众号“数栈研习社”，后台私信“Taier”获得直播课件

视频回放：点击这里

Taier开源项目地址：github丨gitee

上两期，我们为大家分享了Taier入门及控制台的介绍，本期我们为大家分享Taier的Web前端架构介绍。本次分享我们将从Taier的前端技术栈选型，到技术实现以及未来规划为大家讲解。

一、Taier的Web前端技术栈介绍

首先我们来为大家介绍Taier的Web前端架构图，如下图所示：

我们的项目以UmiJS作为底层脚手架，在此基础上，引入 TailwindCSS、Sass、React三个插件，在UI组件库中引入 Molecule 和 Ant Design，辅以esbuild作为编译打包的工具，最后的产物是 HTML 和 JavaScript。