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

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

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

说到前端开发,我一直是 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]删除
最新教程 更多>
  • 使用 Golang 进行身份验证、授权、MFA 等
    使用 Golang 进行身份验证、授权、MFA 等
    "Ó o cara falando de autenticação em pleno 2024!" Sim! Vamos explorar como realizar fluxos de autenticação e autorização, e de quebra, entender a dife...
    编程 发布于2024-11-07
  • 什么是“export default”以及它与“module.exports”有何不同?
    什么是“export default”以及它与“module.exports”有何不同?
    ES6 的“默认导出”解释JavaScript 的 ES6 模块系统引入了“默认导出”,这是一种定义默认导出的独特方式。 module.在提供的示例中,文件 SafeString.js 定义了一个 SafeString 类并将其导出为默认导出using:export default SafeStri...
    编程 发布于2024-11-07
  • SafeLine 如何通过高级动态保护保护您的网站
    SafeLine 如何通过高级动态保护保护您的网站
    SafeLine 由长亭科技在过去十年中开发,是一款最先进的 Web 应用程序防火墙 (WAF),它利用先进的语义分析算法来提供针对在线威胁的顶级保护。 SafeLine 在专业网络安全圈中享有盛誉并值得信赖,已成为保护网站安全的可靠选择。 SafeLine 社区版源自企业级 Ray Shield ...
    编程 发布于2024-11-07
  • 在 React 中创建自定义 Hook 的最佳技巧
    在 React 中创建自定义 Hook 的最佳技巧
    React 的自定义 Hooks 是从组件中删除可重用功能的有效工具。它们支持代码中的 DRY(不要重复)、可维护性和整洁性。但开发有用的自定义钩子需要牢牢掌握 React 的基本思想和推荐程序。在这篇文章中,我们将讨论在 React 中开发自定义钩子的一些最佳策略,并举例说明如何有效地应用它们。 ...
    编程 发布于2024-11-07
  • 如何解决 PHPMailer 中的 HTML 渲染问题?
    如何解决 PHPMailer 中的 HTML 渲染问题?
    PHPmailer的HTML渲染问题及其解决方法在PHPmailer中,当尝试发送HTML格式的电子邮件时,用户可能会遇到一个意想不到的问题:显示实际的HTML代码在电子邮件正文中而不是预期内容中。为了有效地解决这个问题,方法调用的特定顺序至关重要。正确的顺序包括在调用 isHTML() 方法之前设...
    编程 发布于2024-11-07
  • 通过 REST API 上的 GraphQL 增强 React 应用程序
    通过 REST API 上的 GraphQL 增强 React 应用程序
    In the rapidly changing world of web development, optimizing and scaling applications is always an issue. React.js had an extraordinary success for fr...
    编程 发布于2024-11-07
  • 为什么我的登录表单无法连接到我的数据库?
    为什么我的登录表单无法连接到我的数据库?
    登录表单的数据库连接问题尽管结合使用 PHP 和 MySQL 以及 HTML 和 Dreamweaver,您仍无法建立正确的数据库连接问题。登录表单和数据库之间的连接。缺少错误消息可能会产生误导,因为登录尝试仍然不成功。连接失败的原因:数据库凭据不正确: 确保用于连接数据库的主机名、数据库名称、用...
    编程 发布于2024-11-07
  • 为什么嵌套绝对定位会导致元素引用其父级而不是祖父母?
    为什么嵌套绝对定位会导致元素引用其父级而不是祖父母?
    嵌套定位:绝对内的绝对嵌套的绝对定位元素可能会在 CSS 中表现出意想不到的行为。考虑这种情况:第一个 div (#1st) 位置:相对第二个 div (#2nd) 相对于 #1st 绝对定位A第三个div(#3rd)绝对定位在#2nd内问:为什么#3rd相对于#2nd而不是#1st绝对定位?A: ...
    编程 发布于2024-11-07
  • 如何高效地从字符串中剥离特定文本?
    如何高效地从字符串中剥离特定文本?
    高效剥离字符串:如何删除特定文本片段遇到操作字符串值的需求是编程中的常见任务。经常面临的一项特殊挑战是删除特定文本片段,同时保留特定部分。在本文中,我们将深入研究此问题的实用解决方案。考虑这样一个场景,您有一个字符串“data-123”,您的目标是消除“data-”前缀,只留下“123”值。为了实现...
    编程 发布于2024-11-07
  • 如何将通讯录与手机同步?在 Go 中实现 CardDAV!
    如何将通讯录与手机同步?在 Go 中实现 CardDAV!
    假设您帮助管理一个小型组织或俱乐部,并拥有一个存储所有会员详细信息(姓名、电话、电子邮件...)的数据库。 在您需要的任何地方都可以访问这些最新信息不是很好吗?好吧,有了 CardDAV,你就可以! CardDAV 是一个得到良好支持的联系人管理开放标准;它在 iOS 联系人应用程序和许多适用于 A...
    编程 发布于2024-11-07
  • C/C++ 开发的最佳编译器警告级别是多少?
    C/C++ 开发的最佳编译器警告级别是多少?
    C/C 开发的最佳编译器警告级别编译器在检测代码中的潜在问题方面发挥着至关重要的作用。通过利用适当的警告级别,您可以尽早识别并解决漏洞或编码错误。本文探讨了各种 C/C 编译器的建议警告级别,以提高代码质量。GCC 和 G 对于 GCC 和 G,广泛推荐的警告级别是“-墙”。此选项会激活一组全面的警...
    编程 发布于2024-11-07
  • 如何使用 Vite 和 Axios 在 React 中实现 MUI 文件上传:综合指南
    如何使用 Vite 和 Axios 在 React 中实现 MUI 文件上传:综合指南
    Introduction In modern web applications, file uploads play a vital role, enabling users to upload documents, images, and more, directly to a ...
    编程 发布于2024-11-07
  • 为什么 `justify-content: center` 不将 Flex 容器中的文本居中?
    为什么 `justify-content: center` 不将 Flex 容器中的文本居中?
    带有 justify-content 的非居中文本:center在 Flex 容器中, justify-content 属性使 Flex 项目水平居中,但是它无法直接控制这些项目中的文本。当文本在项目内换行时,它会保留其默认的 text-align: start 值,从而导致文本不居中。Flex 容...
    编程 发布于2024-11-07
  • 情感人工智能和人工智能陪伴:人类与技术关系的未来
    情感人工智能和人工智能陪伴:人类与技术关系的未来
    情感人工智能和人工智能陪伴:人类与技术关系的未来 人工智能(AI)不再只是数据分析或自动化的工具。随着情感人工智能的进步,机器不再只是功能助手,而是演变成情感伴侣。利用情商 (EI) 的人工智能陪伴正在改变我们与技术互动的方式,提供情感支持,减少孤独感,甚至增强心理健康。但这些人工智能伴侣在复制人类...
    编程 发布于2024-11-07
  • ## Go 中的空接口:什么时候它们是个好主意?
    ## Go 中的空接口:什么时候它们是个好主意?
    Go 中空接口的最佳实践:注意事项和用例在 Go 中,空接口(interface{})是一个强大的工具,它允许抽象不同类型。然而,它们的使用引发了关于最佳实践以及何时适合使用它们的问题。空接口的缺点引起的一个担忧是类型安全性的损失。使用空接口时,编译器无法在编译时强制执行类型检查,从而导致潜在的运行...
    编程 发布于2024-11-07

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

Copyright© 2022 湘ICP备2022001581号-3