江苏龙网

  1. 主页 > 生活百科 > >

2020年Web Apps用户界面发展趋势：组件统治一切( 二 )

APP


2020年Web Apps用户界面发展趋势：组件统治一切

文章插图
> Heroes Web App with Angular (Source: Stackblitz)
可以在此处阅读对这三个UI框架的全面综合比较 。在这里可以找到有关Angular和React组件的很好的并排说明 。
下一站：Java Web"浏览器"应用程序看完这三个框架：Vue.js，React和Angular之后，我们可以总结以下几点：
· Web应用程序开发的工具链：Web浏览器的UI开发已从无工具链转变为复杂的工具链 。您需要运行时进程（Node.js），构建/包管理器（npm），编译器（JSX，TypeScript，babel），webpack等，才能为浏览器开发简单但合理的应用程序 。
· 声明式和基于组件的UI开发：我们仍将HTML和CSS用于UI设计，对此没有任何更改 。React，Angular和Vue.js使用声明式而不是命令式渲染 。此外，它们都支持组件/组合开发，因此您可以在Web应用程序中重用这些组件 。趋势还在于能够将组件的属性/属性，逻辑/方法/行为/事件，数据和模板放在单个单元（JavaScript文件）中 。在面向对象中，这称为封装 。
· 编程语言：所有框架都支持TypeScript，但是在所有示例中，只有Angular专门使用TypeScript 。
· 基于UI的DSL（特定域语言）和基于文本的GUI设计器：基于UI的DSL开发仅由React with JSX使用 。Angular和Vue.js使用HTML作为标准，UI没有DSL 。如果基于GUI设计器的开发，则所有框架都将使用文本 。
· 数据绑定的两种方法：ngModel的Angular和v模型的Vue.js直接提供两种数据绑定，因此数据字段中的更新将同步到绑定到该字段的所有UI组件，反之亦然 。React没有直接提供此功能 。
· UI外观：Web应用程序的L＆F仍使用CSS来实现 。与具有Apple L＆F的SwiftUI或具有Material Design L＆F的Android设备相比，您无需担心L＆F，因为它直接集成到框架中 。您可以定义自己的L＆F或使用Web主题，例如Bootstrap或Material Design 。
在下一篇文章中，我将介绍如何使用GWT / J2CL用Java开发Web应用程序UI 。2020年/ 2021年的情况如何？它与我们在本文中看到的三个框架具有可比性吗？敬请关注！
迄今为止，我最好的组件和UI开发经验是使用Borland（现为Embarcadero）Delphi和VCL（可视组件库） 。为什么？两点：
（1）一切都是可视的：所有组件都是可视的 。不管是逻辑组件还是数据库组件，它们都是可视组件 。作为组件的用户，您始终可以直观地对其进行配置 。
（2）可以在开发/设计时激活组件：可以在开发时激活组件，有时可以使用模拟数据激活 。这意味着您作为组件的用户，无需编译整个应用程序并运行它，只需查看组件在运行时的工作方式即可 。您现在可以在SwiftUI和Android Jetpack Compose中找到这种机制 。
(本文由闻数起舞翻译自Aakash Garg的文章《Web Apps UI Development Trend in 2020: Components to Rule Them All》，转载请注明出处，原文链接：https://medium.com/swlh/web-apps-ui-development-trend-in-2020-components-to-rule-them-all-a9e2cb32d27)

【2020年Web Apps用户界面发展趋势：组件统治一切】


推荐阅读


上一篇：要精通SQL优化？首先要看懂explain关键字

下一篇：数据仓库组件：Hive环境搭建和基础用法