云谦:谈谈前端框架的趋势与实践

简介: Turbopack是一个可以取代 Webpack 的新开源打包工具,使用 Rust 编写,号称比 Webpack 快700倍!!!

一、前端框架趋势

2345_image_file_copy_181.jpg

本文主要介绍以下几个方面

2345_image_file_copy_182.jpg

二、元框架新成员和老框架迭代

2345_image_file_copy_183.jpg

三、观察到的趋势

2345_image_file_copy_184.jpg

趋势一:功能相同

2345_image_file_copy_185.jpg

趋势二:新框架大部分基于Vite

2345_image_file_copy_186.jpg

趋势三:基于路由的声明式数据获取方案

2345_image_file_copy_187.jpg

我们的实践

2345_image_file_copy_188.jpg

观察到的趋势

2345_image_file_copy_189.jpg

趋势一:情理之中的Turbopack

什么是Turbopack?

  • Turbopack是一个可以取代 Webpack 的新开源打包工具,使用 Rust 编写,号称比 Webpack 快700倍!!!
  • Turbopack 是由 Webpack(最出名的打包工具)的开发者 Tobias Koppers 和其他参与 Vercel的人共同开发的,该公司解释说,Turbopack 是 Webpack 的继承者。
  • Turbopack 的特点包括:它是一个用 Rust编写的本地应用程序,并且在执行后有一个重用内容的机制,这使得即使是大型的应用程序也可以更快地启动和运行。

2345_image_file_copy_190.jpg

趋势二:Vite大热

大量新兴框架采用,npm下载量200w,解决webpack的1/10

趋势三:Webpack依旧是生产构建的主力

2345_image_file_copy_191.jpg

趋势三:真Bundless只存于企业内

2345_image_file_copy_192.jpg

2345_image_file_copy_193.jpg

2345_image_file_copy_194.jpg

🎁原生语言

观察到的趋势

2345_image_file_copy_195.jpg

趋势一:新工具不断涌现,前面占领前端领域

2345_image_file_copy_196.jpg

趋势二:元框架大量应用于原生语言的工具

2345_image_file_copy_197.jpg

实践:Umi大量应用基于原生语言的工具

2345_image_file_copy_198.jpg

❤️数据流

2345_image_file_copy_199.jpg

趋势

2345_image_file_copy_200.jpg

趋势一:请求方案即数据流满足大量CRUD场景

2345_image_file_copy_201.jpg

趋势二:原子化数据流方案呈上升趋势

2345_image_file_copy_202.jpg

推导过程

2345_image_file_copy_203.jpg

❤️❤️Islands架构科普

2345_image_file_copy_204.jpg

趋势

2345_image_file_copy_206.jpg

相关文章
|
4月前
|
XML 前端开发 JavaScript
前端技术的演变与实战应用
前端技术的演变与实战应用
|
1月前
|
移动开发 前端开发 JavaScript
前端需要掌握的技术有哪些方面?
前端需要掌握的技术有哪些方面?
76 1
|
2月前
|
编解码 前端开发 JavaScript
现代Web开发中的前端技术趋势与挑战
随着互联网的迅猛发展,现代Web开发中前端技术正日益成为关注的焦点。本文探讨了当前前端技术的主要趋势和面临的挑战,从性能优化到跨平台适配,为开发者提供了深入的洞见和解决方案。
|
3月前
|
缓存 前端开发 JavaScript
前端性能优化实践与工程化
前端性能优化实践与工程化
|
4月前
|
前端开发 JavaScript 开发者
新一代前端框架:革命性的Web开发利器
传统的前端框架在满足日益复杂的Web开发需求上逐渐显露出局限性,而新一代前端框架的出现,以其革命性的设计和功能,重新定义了Web开发的标准。本文将介绍这些新一代前端框架的特点和优势,并探讨它们在实际项目中的应用。
|
4月前
|
前端开发 JavaScript 算法
探秘前端框架的演变与发展
本文将探讨前端框架的演变与发展过程,从早期的静态页面到现代化的动态应用,逐步引入了React、Vue和Angular等主流框架,探索它们的特点、使用场景以及未来的发展趋势。同时,还将介绍一些常见的前端开发工具与技术,帮助读者更好地理解和应用前端技术。
|
4月前
|
缓存 前端开发 JavaScript
现代Web开发中的前端技术趋势
本文探讨了现代Web开发中的前端技术趋势,包括响应式设计、单页面应用、前端框架选择、组件化开发和前端性能优化等方面。通过对这些趋势的分析和讨论,读者可以了解当前前端开发领域的最新动态,为自己的项目做出更明智的技术选择。
|
4月前
|
前端开发 开发者
微前端:未来web开发的趋势与挑战
微前端:未来web开发的趋势与挑战
|
4月前
|
Rust 前端开发 开发者
云谦:谈谈前端框架的趋势与实践
云谦:谈谈前端框架的趋势与实践
|
4月前
|
前端开发 JavaScript 开发工具
前端知识(八)———前端需要掌握的技术有哪些方面
前端知识(八)———前端需要掌握的技术有哪些方面
108 0