常言道:阅读大量代码是提高开发技能的最佳方法之一。开源项目是了解最佳实践、编码风格和其他主题的最佳途径。
今天在这里跟大家分享几个值得关注的 React Native 开源项目,希望大家可以从这些优秀项目的源码中学习到一些新的知识。
1. f8app
Github Start: 14k
这可能是 github 上 start 数最高的 React Native 开源项目之一了。几乎也是每个 React Native 都必看的一个开源项目。
F8 是 Facebook 开发者大会 的简称,每年 F8 大会 Facebook 都会构建对应的 App 。该项目便是 2017 年 F8 大会 App 的源码。可以称得上是一个真正的企业级项目。
F8 App 使用了React Native
、Redux
、Relay
、GraphQL
等很多技术, 对于开拓视野很有帮助。
2. GitPoint
Github Start: 4.7k
GitPoint 项目是一个免费的 GitHub 客户端。它提供了许多功能,例如查看存储库和用户信息、控制通知、管理问题和拉取请求等等。
尽管这个项目年代比较久远了(使用的 RN 版本还是 0.59.9),但不妨碍我们可以从中将能够学到很多东西。它在 GitHub 上拥有超过 4.7k+ 的 start。
3. NW React Calculator
Github Start: 5.2k
这个项目最强大的地方在于真正实现了如何通过一份代码,构建出真正跨多平台的项目(包括 Android / IOS / 桌面端 / Web端 四大平台)。
其中 Android / IOS 平台就是基于 React Native 实现的。
如果您也想了解如何去实现一个跨平台项目,相信这是一个非常好的参考项目。
4. Chat app
Github Start: 216
IM 工具在当前互联网占据了非常重要的地位。不管是 微信、whatsapp 这种社交应用,还是各种电商、金融 app 里的客服功能,都印证了这一点。
该项目帮助您学习如何在 React Native 中利用 WebSocket 来实现即时聊天。
同时该应用程序中也提供了许多附加功能:比如文件传输、输入状态通知、文本、多媒体、自定义消息、已读回执、定位功能等等。
如果您刚好有 IM 相关的需求,那不妨先看看这个项目的代码,相信可以节省您很大的成本。
5. Colorwaver
Github Start: 555
该应用程序使用 VisionCamera 和 Reanimated 来检测现实世界中的颜色波(样本/调色板)。
它是用 React Native + TS 编写的,可以在 iOS 和 Android 上运行。而其中性能关键部分(例如图像处理算法和动画)是由 Native 端 Objective-C/Swift/Java 实现的。
如果想真正成为一个大前端开发,那除了 RN 之外,也必须对 Native 端的知识有一定的了解。这个项目非常有趣,相信您可以从中感受到原生语言的乐趣。
6. Astry
Github Start: 555
Artsy 是世界领先且最大的在线艺术市场和发现艺术的平台。Astry 开发团队一直以来都是开源项目的践行者。
在这里强推这个项目的一个很重要的原因就是: 该项目目前已经在使用 React Native 的新架构了!(截止至 2023.07.30,RN 版本使用的是 0.69.12)
无论您是想学习 React Native,还是想学习如何做一个开源项目,相信 Astry 都是一个非常好的学习模板。
最后
学习一门语言最佳途径就是学习优秀的开源项目。如果您没有足够的实践经验,那我建议就从模仿开始。
不管您是从未接触过 RN 的小白,还是已经精通 RN 的大佬,都欢迎加入 React Native 技术交流群,一起畅所欲言吧👇
![]()