”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 从 Angular 倡导者到 React 爱好者:我的另一边之旅

从 Angular 倡导者到 React 爱好者:我的另一边之旅

发布于2024-08-31
浏览:407

说到前端开发,我一直是 Angular 的拥护者。 Angular 是我所有应用程序的首选,特别是因为我开发了很多 Ionic 移动应用程序,这些应用程序最初基于 Angular 或纯 JavaScript。多年的 Angular 开发巩固了我的舒适区,但有一天我决定冒险进入 React 的世界。

开始:我的角度舒适区

Source https://giphy.com/gifs/life-advice-sweat-1hMdWxlfKh13NOMRvP
我的旅程从 Angular 开始,并且无论经历什么困难我都坚持使用它。我很欣赏它的结构化方法以及它如何与 Ionic 无缝集成以进行移动应用程序开发。**当 Ionic 添加对 React 的支持时,我对此表示怀疑,并认为这只是一个营销噱头**。毕竟,我自 2012 年以来一直在构建软件,并在 2015/2016 年左右尝试过 React 的早​​期版本之一。我最初的经历并不那么出色。过去,React 是一团糟,props 无处不在,嵌套在其他 props 中,纠结且令人困惑。 “组件”理论仍处于起步阶段,JSX 感觉笨拙且笨拙。沮丧的是,我转向了 Angular.js(是的,不是拼写错误,最后是 .js,我已经那么老了)并且没有回头。

在接下来的八年里,我使用 Angular 构建了生产 Web 应用程序、移动应用程序和自定义仪表板。它对我很有帮助,特别是因为我总是更专注于后端开发,将前端视为一项必要的任务而不是激情。

反应热潮

这些年来,我注意到 React 社区快速发展。人们热衷于 React 是前端开发的未来。尽管大肆宣传,我对 Angular 设置还是很满意。我之前尝试过 React,觉得没有必要重新审视它。

然而,好奇心最终战胜了我。好奇心促使我尝试 Next.js,因为我需要一个服务器端渲染 (SSR) 解决方案,而 Angular 被证明很难实现此目的。一切都从这里开始改变。 Next.js 带我进入了一个全新的世界。

Typescript、React、SSR 以及无数我能想到的库。预制组件的数量让我大吃一惊。我在一天之内就开发出了一个功能齐全的应用程序,登录、身份验证和 Stripe 集成都已设置完毕。生产力的提高是不真实的。 我能够在短短 1 天内为 Feedrika 新闻 API 服务构建前端和支付逻辑

From Angular Advocate to React Enthusiast: My Journey to the Other Side

我发现自己使用一个对我来说是新的框架比使用 Angular(我已经使用多年的框架)效率更高。这是一个令人震惊的启示。

结论

这次经历彻底改变了我对 React 的看法。我从怀疑论者转变为看到了它的潜力。 React 生态系统的灵活性和令人难以置信的社区支持给我留下了深刻的印象。 虽然我没有放弃 Angular,但从 React 中获得的生产力提升是令人震惊的,我计划继续探索这个方向。 我的旅程教会了我对新技术保持开放态度并不断发展的重要性开发商。

版本声明 本文转载于:https://dev.to/antoniodipinto/from-angular-advocate-to-react-enthusiast-my-journey-to-the-other-side-2akm?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 插入数据时如何修复“常规错误:2006 MySQL 服务器已消失”?
    插入数据时如何修复“常规错误:2006 MySQL 服务器已消失”?
    插入记录时如何解决“一般错误:2006 MySQL 服务器已消失”介绍:将数据插入 MySQL 数据库有时会导致错误“一般错误:2006 MySQL 服务器已消失”。当与服务器的连接丢失时会出现此错误,通常是由于 MySQL 配置中的两个变量之一所致。解决方案:解决此错误的关键是调整wait_tim...
    编程 发布于2024-12-26
  • 如何在 PHP 中组合两个关联数组,同时保留唯一 ID 并处理重复名称?
    如何在 PHP 中组合两个关联数组,同时保留唯一 ID 并处理重复名称?
    在 PHP 中组合关联数组在 PHP 中,将两个关联数组组合成一个数组是一项常见任务。考虑以下请求:问题描述:提供的代码定义了两个关联数组,$array1和$array2。目标是创建一个新数组 $array3,它合并两个数组中的所有键值对。 此外,提供的数组具有唯一的 ID,而名称可能重合。要求是构...
    编程 发布于2024-12-26
  • 除了“if”语句之外:还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    除了“if”语句之外:还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换,使您能够在条件语句中直接使用其实例“t”。然而,这种显式转换提出了一个问题:“t”在哪里可以在不进行强制转换的情况下用作 bool?上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句:if、whi...
    编程 发布于2024-12-26
  • 如何修复 macOS 上 Django 中的“配置不正确:加载 MySQLdb 模块时出错”?
    如何修复 macOS 上 Django 中的“配置不正确:加载 MySQLdb 模块时出错”?
    MySQL配置不正确:相对路径的问题在Django中运行python manage.py runserver时,可能会遇到以下错误:ImproperlyConfigured: Error loading MySQLdb module: dlopen(/Library/Python/2.7/site-...
    编程 发布于2024-12-26
  • 尽管代码有效,为什么 POST 请求无法捕获 PHP 中的输入?
    尽管代码有效,为什么 POST 请求无法捕获 PHP 中的输入?
    解决 PHP 中的 POST 请求故障在提供的代码片段中:action=''而不是:action="<?php echo $_SERVER['PHP_SELF'];?>";?>"检查 $_POST数组:表单提交后使用 var_dump 检查 $_POST 数...
    编程 发布于2024-12-26
  • 在 Go 中使用 WebSocket 进行实时通信
    在 Go 中使用 WebSocket 进行实时通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSocke...
    编程 发布于2024-12-26
  • HTML 格式标签
    HTML 格式标签
    HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...
    编程 发布于2024-12-26
  • Bootstrap 4 Beta 中的列偏移发生了什么?
    Bootstrap 4 Beta 中的列偏移发生了什么?
    Bootstrap 4 Beta:列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而,随着 Beta 2 的后续发布,这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    编程 发布于2024-12-26
  • 大批
    大批
    方法是可以在对象上调用的 fns 数组是对象,因此它们在 JS 中也有方法。 slice(begin):将数组的一部分提取到新数组中,而不改变原始数组。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index p...
    编程 发布于2024-12-26
  • 如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现,该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户: FROM USERS ...
    编程 发布于2024-12-26
  • 如何在 PHP 中转换所有类型的智能引号?
    如何在 PHP 中转换所有类型的智能引号?
    在 PHP 中转换所有类型的智能引号智能引号是用于代替常规直引号(' 和 ")的印刷标记。它们提供了更精致和然而,软件应用程序通常会在不同类型的智能引号之间进行转换,从而导致不一致。智能引号中的挑战转换转换智能引号的困难在于用于表示它们的各种编码和字符,不同的操作系统和软件程序采用...
    编程 发布于2024-12-26
  • 循环 JavaScript 数组有哪些不同的方法?
    循环 JavaScript 数组有哪些不同的方法?
    使用 JavaScript 循环遍历数组遍历数组的元素是 JavaScript 中的一项常见任务。有多种方法可供选择,每种方法都有自己的优点和局限性。让我们探讨一下这些选项:数组1。 for-of 循​​环 (ES2015 )此循环使用迭代器迭代数组的值:const arr = ["a&q...
    编程 发布于2024-12-26
  • 如何在 Python 中有效地暂停 Selenium WebDriver 执行?
    如何在 Python 中有效地暂停 Selenium WebDriver 执行?
    Selenium WebDriver 中的等待和条件语句问题: 如何在 Python 中暂停 Selenium WebDriver 执行几毫秒?答案:虽然time.sleep() 函数可用于暂停执行指定的秒数,在 Selenium WebDriver 自动化中一般不建议使用。使用 Selenium ...
    编程 发布于2024-12-26
  • C++ 赋值运算符应该是虚拟的吗?
    C++ 赋值运算符应该是虚拟的吗?
    C 中的虚拟赋值运算符及其必要性 虽然赋值运算符可以在 C 中定义为虚拟,但这不是强制要求。然而,这种虚拟声明引发了关于虚拟性的必要性以及其他运算符是否也可以虚拟的问题。虚拟赋值运算符的案例赋值运算符本质上并不虚拟。然而,当将继承类的对象分配给基类变量时,它就变得必要了。这种动态绑定保证了调用基于对...
    编程 发布于2024-12-26
  • JavaScript 中的 Let 与 Var:范围和用法有什么区别?
    JavaScript 中的 Let 与 Var:范围和用法有什么区别?
    JavaScript 中的 Let 与 Var:揭秘范围和临时死区在 ECMAScript 6 中引入,let 语句引发了开发人员的困惑,特别是它与已建立的 var 关键字有何不同。本文深入研究了这两个变量声明之间的细微差别,重点介绍了它们的作用域规则和最佳用例。范围根本区别在于它们的作用域行为。用...
    编程 发布于2024-12-26

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3