从 jQuery 到 React-Native,我从 web 逃离

阅读时长 4 分钟读完

从 jQuery 到 React-Native,我从 web 逃离

Web 前端一直是我一直非常热爱的技术领域,并且一直都坚定地相信它的未来非常光明。然而,最近我开始质疑这一点,并且开始尝试一些新的东西,最终决定逃离 web 前端领域,转而专注于移动端的开发。在这篇文章中,我想分享一下我的经历和所学所得。

1. 从 jQuery 开始

我首先学习的是 jQuery。毫无疑问,它是一个非常优秀的 JavaScript 库。它很容易上手并且可以让你快速地实现一些非常酷的功能。你可以轻松地操作 DOM 元素、处理事件、发送 Ajax 请求等等。当时我认为 jQuery 是前端界最先进的技术,也是我一直使用的技术。

2. 从 Angular 开始

然而,我很快开始感受到了 jQuery 的一些限制。随着项目越来越大,代码越来越复杂,我们面临着越来越多的问题。为了解决这些问题,我们看向了 Angular。Angular 是一个强大的前端框架,可以帮助我们快速开发复杂的单页应用程序。它采用了许多有用的概念,例如组件、依赖注入和指令等等。我很快就学会了 Angular,并开始使用它来构建更复杂的应用程序。

然而,与此同时,我也意识到了 Angular 的一些问题。作为一个相对较大的框架,它有着相对较高的学习曲线,并且也不适合用于一些轻量级的项目。我感觉自己在陷入了另一个局限性中。

3. React-Native,从 web 逃离

最终,我开始了解 React-Native,并且真正做出了改变。React-Native 是一个基于 React 的移动端开发框架,可以让我们使用 JavaScript 和 React 来构建 Android 和 iOS 上的原生应用程序。它使用了一组非常有用的组件来构建应用程序,例如 View、Text 和 Image 等等。此外,React-Native 还让我们可以轻松地使用其它库和插件,从而扩展我们的应用程序的功能。

学习 React-Native 并不是一件容易的事情。它有一个相对较高的学习曲线,并且需要您理解一些新的概念,例如 Flexbox 和 React 的生命周期。然而,一旦您克服了这些障碍,并且掌握了 React-Native,您将能够快速构建高质量的移动应用程序。

以下是一个简单的 React-Native 示例代码:

-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ----- ----- ---------- - ---- ---------------

----- --- ------- --------- -
  -------- -
    ------ -
      ----- -------------------------
        ----- -------------------------- -------------
      -------
    --
  -
-

----- ------ - -------------------
  ---------- -
    ----- --
    --------------- ---------
    ----------- ---------
    ---------------- ----------
  --
  ----- -
    --------- ---
    ---------- ---------
    ------- ---
  --
---

------ ------- ----

该示例代码创建了一个名为 “App” 的组件,它将在设备上显示一个 “Hello, World!” 的文本。样式表定义了应用程序的样式,其中 “flex” 属性决定了容器的大小,而 “justifyContent” 和 “alignItems” 属性则决定了文本在容器内的位置。

4. 总结

逃离 web 前端领域是一个艰难的决定,但在我的情况下,它证明了非常值得。React-Native 让我可以构建高质量的移动应用程序,并且能够在跨平台的同时使用 JavaScript 和 React。学习 React-Native 可能需要一些时间和精力,但它毫无疑问是一项值得投资的技能。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/65375b8b7d4982a6ebfd7ce6

纠错
反馈