发布于 2026-01-05 1 阅读
0

我的 React Native 之旅

我的 React Native 之旅

大家好,我叫Darshan,是一名全栈工程师。今天我想和大家分享我的React Native学习之旅。这篇博客包含了我在React Native学习和实践中积累的所有经验。

我敢肯定,每个 React 开发者第一次听说 React Native 时都会兴奋不已。我们终于可以用 JavaScript 编写原生应用了!于是,我们启动电脑,创建一个新项目,开始编写应用。

像移动工程师一样思考

如果你现在看不懂字幕,没关系。我知道我们是网页工程师,对移动工程一窍不通,这完全可以理解。

在我早期,甚至直到今天,我都会观察很多原生应用程序,并将它们与我的项目进行比较,试图找出如何利用它们来改进我的应用程序。

假设你正在开发一款聊天应用,可以参考 WhatsApp 或 Instagram 的即时通讯功能。试着找出需要添加或改进的功能。我们将在本博客的后续内容中详细讨论这一点。

避免过度比较。

男人喝啤酒喝到超限

这就是我的问题所在。我以前总是过度比较,这让我很沮丧。😅 很多时候我都想放弃我的项目,去做别的事情。

但如果你无法一次性达到完美,那也完全没关系。完美需要通过反复迭代才能实现。别给自己太大压力。

登月博览会🚀

如果你刚开始接触 React Native,不想被各种原生配置和语言搞得焦头烂额,Expo 或许是个比较稳妥的入门选择。

有时花些时间在原生环境中

如果有人告诉你只需要处理 JavaScript,那纯属谎言。有时候,你需要配置原生环境才能实现某个功能。你可能遇到过需要原生配置的库。

所以,你最好尽早习惯。从长远来看,这肯定会对你有帮助。

用户体验最为重要

如果你的应用界面看起来不太好,那也没关系,但我认为作为一名移动工程师(我希望你也是这么想的😅),
你应该始终努力改善用户体验,这也是用户更喜欢原生应用而不是Web应用的原因。

以表单为例。表单在原生应用程序中的行为方式有所不同。

键盘辅助功能:当键盘弹出时,输入框应该上移,并且键盘和输入框之间应该留有足够的空间,以便用户能够看到他们正在输入的内容。(这不是很明显吗😅)在移动端,我们需要特别注意这些问题。

反馈:用户喜欢看到他们在与应用程序进行交互时发生的情况。例如,显示加载指示器、显示弹出窗口等等。

即使没有网络也能正常工作。

如果你的应用在没有网络连接的情况下无法运行,那么一开始就没有必要安装它。你应该始终在应用中集成离线存储功能。当用户关闭应用后再打开时,应用应该从上次的状态恢复。

您应该在应用在线/离线时提供反馈,以便用户了解后台运行情况。

即使你开发的是像待办事项列表这样简单的应用,也能给用户留下良好的印象。

表现

虽然这部分内容可以在用户体验部分涵盖,但既然我们正在讨论 React Native,我想简单地分享一下我的想法。

你可能听说过,在性能方面,React Native 可能不太适合用来构建应用。这种说法完全错误,具体情况取决于应用的用例。有很多博客和演讲都详细阐述了何时应该使用 React Native。所以我就不多赘述了,但 React Native 的性能确实不错,而且很多优秀的公司,甚至包括一些跨国公司,都在投资 React Native,所以我们不必为此担心。

此外,React Native 也在发生变化。他们最近发布了新的架构,这从根本上改变了 React Native 的通信机制。(您可以在这里了解更多信息)。React Native 的未来一片光明。

永远从安卓系统开始。

如果你同时面向这两个平台,那么应该更侧重于安卓平台。iOS 的 CPU 处理能力非常强,所以你可能不会遇到性能瓶颈。

在低端设备上测试您的应用程序,确保一切运行正常。您可能需要投入更多时间。

与其他 React Web 应用一样,应避免不必要的重新渲染。您可以对应用进行性能分析,找出导致重新渲染的组件。

你可以使用像 Flipper 这样的调试工具来更好地进行调试。它支持插件,所以你可以安装或创建插件。这将使我们的工作更加轻松。

继续建造东西

最后,我建议你坚持动手实践,无论是克隆应用还是你自己的想法,除非你自己动手做,否则你永远无法真正理解。远离那些没完没了的教程。

我知道这篇博客内容非常笼统,毕竟它只是我使用 React Native 进行移动工程开发的经验分享。

感谢阅读,希望这篇博客对您有所帮助。如果您有任何关于这篇博客或 React Native 的问题,欢迎在评论区留言。

祝一切顺利。✨
请私信我:iponikar

文章来源:https://dev.to/ponikar/my-react-native-experience-2pcm