5个值得学习的React Native开源项目
376015677
7年前
<p>高级程序员都认为,去阅读开源项目的源码,是学习编程的好方法。</p> <p>阅读开源项目的源码,是高效提高自己写代码能力的最好方式,尤其是这项目使用的工具(译者注:即使用的库、框架等)相当前沿或者处于快速发展的阶段。而 ReactNative 就是完美的学习对象。它正处于快速发展的周期,每次迭代都使API变得更好用,大量的库可供ReactNative选择并提供足够的入门指南(以方便实用)。况且,阅读开源项目的源码从来都是最好的练习(相应库或框架的方式)。</p> <p>以下是我个人持续关注,而且是精选的5个开源项目:</p> <ol> <li><a href="/misc/goto?guid=4958870578897767641" rel="nofollow,noindex"><strong>HackerNews-React-Native</strong> </a></li> </ol> <p style="text-align: center;"><img src="https://simg.open-open.com/show/f9a3f9261888f9204eba120224f283f5.gif"></p> <p>HackerNews ReactNative App (iOS)</p> <p>这个项目是通过ReactNative轻量级实现HackerNews。它能引导你通过ReactNative提供的组件,搭建出一个完整的应用,而不需要复杂的专业知识。</p> <p>2. <a href="/misc/goto?guid=4959669417643165102" rel="nofollow,noindex"> <strong>Snowflake</strong> </a></p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/7c3b5baa5b463f8ab091c72a59b7354f.gif"></p> <p>Snowflake (iOS)</p> <p>Snowflake不单是一个应用,这是一份一步步引导你理解ReactNative思想的指引。它拥有详尽的说明以及每一步的录屏,以确保你不会在任何一处产生疑惑。如果你想深入理解ReactNative,我个人推荐你(学习)这个项目。</p> <p>3. <a href="/misc/goto?guid=4958971964202356641" rel="nofollow,noindex"> <strong>React-Native-NW-React-Calculator</strong> </a></p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/c5fe25372b7952178fb51c3d187c2438.png"></p> <p>我并没有开玩笑哦,这真的是一个只通过一份代码,就可以跨平台(Web / Mac App / Mobile)运行的计算机。这个项目展示出ReactJS与ReactNative结合后的真正威力。这项目同时也会教你如何设计代码,使其能发挥出全部的潜力(译者注:即跨平台)。这是我最喜欢的开源项目之一。</p> <p>4. <a href="/misc/goto?guid=4959670935818177072" rel="nofollow,noindex"> <strong>React-Native-NBA-App</strong> </a></p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/a3db8893f12686b72635f4190aff3be5.gif"></p> <p>NBA App (iOS)</p> <p>通过这个ReactNative应用,你能学习非常多知识,主要是UI组件的编写。这个ReactNative App是(体验)最接近原生应用的开源项目之一。当然,它的代码结构十分良好,值得深入阅读。</p> <p>5. <a href="/misc/goto?guid=4959670935906651198" rel="nofollow,noindex"> <strong>FinanceReactNative</strong> </a></p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/13abce380bb7e0fdcdbcf74920b303bb.gif"></p> <p>Finance App (iOS)</p> <p>Finance App是学习如何引入第三方api,如何展示数字、图标与其他关键数据的好资源。多数的应用或多或少地需要处理上述的内容,这也是这个项目进入这个推荐列表的原因。</p> <p>压轴:</p> <p><a href="/misc/goto?guid=4959670935995486083" rel="nofollow,noindex"><strong>非死book’s F8 Conference App</strong> </a></p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/9c3a195af6ca91c3fda69db8962d8f9d.png"></p> <p>非死book’s F8 Conference App in ReactNative</p> <p>在我写完这篇博客之后,非死book开源了他们使用ReactNative搭建的非死book’s F8 Conference App。这个应用是由开发ReactNative的人员所开发的,这使得它值得最博文最后被推荐!</p> <p> </p> <p> </p> <p>来自:http://www.zcfy.cc/article/5-react-native-open-source-projects-to-learn-from-the-react-native-log-medium-2671.html</p> <p> </p>