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

简介: 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

相关文章
|
9月前
|
机器学习/深度学习 前端开发 搜索推荐
未来趋势下的前端开发技术探索
随着人工智能和物联网技术的快速发展,前端开发领域也面临着新的挑战和机遇。本文将探讨未来趋势下前端开发技术的发展方向和应用场景,为广大前端开发者提供启示与思路。
|
9月前
|
XML 前端开发 JavaScript
前端技术的演变与实战应用
前端技术的演变与实战应用
|
3月前
|
监控 前端开发 JavaScript
前端工程化和传统前端开发的区别是什么?
前端工程化相比传统前端开发,在开发模式、代码组织与管理、构建与部署流程、团队协作、性能优化以及技术选型等方面都有了显著的改进和提升,能够更好地应对现代前端应用开发的复杂性和高要求。
|
4月前
|
前端开发 JavaScript API
前端技术探索:从基础到未来趋势的深度剖析
前端技术探索:从基础到未来趋势的深度剖析
144 1
|
4月前
|
缓存 前端开发 JavaScript
前端技术趋势:探索现代Web开发的新领域
【10月更文挑战第1天】前端技术趋势:探索现代Web开发的新领域
154 4
|
4月前
|
存储 前端开发 JavaScript
前端技术深度探索:从基础到现代框架的实践之旅
前端技术深度探索:从基础到现代框架的实践之旅
73 3
|
6月前
|
移动开发 前端开发 JavaScript
前端需要掌握的技术有哪些方面?
前端需要掌握的技术有哪些方面?
243 1
|
7月前
|
编解码 前端开发 JavaScript
现代Web开发中的前端技术趋势与挑战
随着互联网的迅猛发展,现代Web开发中前端技术正日益成为关注的焦点。本文探讨了当前前端技术的主要趋势和面临的挑战,从性能优化到跨平台适配,为开发者提供了深入的洞见和解决方案。
|
9月前
|
前端开发 JavaScript API
深入理解前端开发:从基础到实践
深入理解前端开发:从基础到实践
|
9月前
|
人工智能 前端开发 持续交付
未来后端开发的趋势与展望
【2月更文挑战第11天】随着人工智能、大数据等技术的不断发展,后端开发也在迎来新的挑战和机遇。未来的后端开发将更加注重跨平台、微服务架构、持续集成等方面的创新,以应对日益复杂的业务需求和技术变革。
121 6