每个 RN 开发者都必看的 6 个 React Naitve 开源项目

2,843 阅读3分钟

常言道:阅读大量代码是提高开发技能的最佳方法之一。开源项目是了解最佳实践、编码风格和其他主题的最佳途径。

今天在这里跟大家分享几个值得关注的 React Native 开源项目,希望大家可以从这些优秀项目的源码中学习到一些新的知识。

1. f8app

源码地址

Github Start: 14k

这可能是 github 上 start 数最高的 React Native 开源项目之一了。几乎也是每个 React Native 都必看的一个开源项目。

F8 是 Facebook 开发者大会 的简称,每年 F8 大会 Facebook 都会构建对应的 App 。该项目便是 2017 年 F8 大会 App 的源码。可以称得上是一个真正的企业级项目。

F8 App 使用了React NativeReduxRelayGraphQL 等很多技术, 对于开拓视野很有帮助。

image.png

2. GitPoint

源码地址

Github Start: 4.7k

GitPoint 项目是一个免费的 GitHub 客户端。它提供了许多功能,例如查看存储库和用户信息、控制通知、管理问题和拉取请求等等。

尽管这个项目年代比较久远了(使用的 RN 版本还是 0.59.9),但不妨碍我们可以从中将能够学到很多东西。它在 GitHub 上拥有超过 4.7k+ 的 start。

image.png

3. NW React Calculator

源码地址

Github Start: 5.2k

这个项目最强大的地方在于真正实现了如何通过一份代码,构建出真正跨多平台的项目(包括 Android / IOS / 桌面端 / Web端 四大平台)。

其中 Android / IOS 平台就是基于 React Native 实现的。

如果您也想了解如何去实现一个跨平台项目,相信这是一个非常好的参考项目。

image.png

4. Chat app

源码地址

Github Start: 216

IM 工具在当前互联网占据了非常重要的地位。不管是 微信、whatsapp 这种社交应用,还是各种电商、金融 app 里的客服功能,都印证了这一点。

该项目帮助您学习如何在 React Native 中利用 WebSocket 来实现即时聊天。

同时该应用程序中也提供了许多附加功能:比如文件传输、输入状态通知、文本、多媒体、自定义消息、已读回执、定位功能等等。

如果您刚好有 IM 相关的需求,那不妨先看看这个项目的代码,相信可以节省您很大的成本。

image.png

5. Colorwaver

源码地址

Github Start: 555

该应用程序使用 VisionCameraReanimated 来检测现实世界中的颜色波(样本/调色板)。

它是用 React Native + TS 编写的,可以在 iOS 和 Android 上运行。而其中性能关键部分(例如图像处理算法和动画)是由 Native 端 Objective-C/Swift/Java 实现的。

如果想真正成为一个大前端开发,那除了 RN 之外,也必须对 Native 端的知识有一定的了解。这个项目非常有趣,相信您可以从中感受到原生语言的乐趣。

colorwaver.gif

6. Astry

源码地址

Github Start: 555

Artsy 是世界领先且最大的在线艺术市场和发现艺术的平台。Astry 开发团队一直以来都是开源项目的践行者。

在这里强推这个项目的一个很重要的原因就是: 该项目目前已经在使用 React Native 的新架构了!(截止至 2023.07.30,RN 版本使用的是 0.69.12)

无论您是想学习 React Native,还是想学习如何做一个开源项目,相信 Astry 都是一个非常好的学习模板。

image.png

最后

学习一门语言最佳途径就是学习优秀的开源项目。如果您没有足够的实践经验,那我建议就从模仿开始。

不管您是从未接触过 RN 的小白,还是已经精通 RN 的大佬,都欢迎加入 React Native 技术交流群,一起畅所欲言吧👇

image.png