2 天前 / 刘奇1993
| 作者：Ryan Turner | 链接：http://facebook.github.io/react-native/blog/2019/03/12/releasing-react-native-059 Facebook 于本月 12 号发布了React Native v0.59。这次更新来自 88 个贡献者的 644 次提交。让我们一起来看看这个版本有什么新特性。以下是官方通稿的译文。 HooksReact Hooks 是此版本的一部分，它允许跨组件重用有状态逻辑。下面这些资源介绍了 hook 相关的信息，可以参考一下： Introducing Hooks：解释了为什么在 React 添加 Hook。(https://reactjs.org/docs/hooks-intro.html) Hooks at a Glance：对内置 Hooks 的......
31 天前 / 58无线
前言 RN的开发思路是通过组合各种组件来组织页面，大部分情况下通过组合视图，文本和图片等几个基础组件，就可以非常方便的实现各种复杂的跨平台组件，不过在需要原生功能支持、组件较为复杂、或者对性能有要求的情况下还是需要进行一定的原生的开发，合理的组件实现方式可以降低使用和跨平台的成本。 在前段时间同镇C端的RN业务开发过程中，需要开发一套视频播放的RN组件，基于目前同城的native视频播放组件，在RN页面上进行业务扩展，在native设计组件和RN端调用组件的属性和方法的过程中遇到了一些坑，也借此机会了解了iOS端对复杂RN......
64 天前 / 美团技术团队
总第329篇 2019年 第007篇 TSLint为TypeScript提供了代码检查能力，对使用TypeScript的React Native工程，在规范性、安全性、可靠性、可维护性等方面起到重要作用。本文主要对TSLint相关知识进行分享，并对自定义TSLint规则进行介绍。 建立的代码规范没人遵守，项目中遍地风格迥异的代码，你会不会抓狂？ 通过测试用例的程序还会出现Bug，而原因仅仅是自己犯下的低级错误，你会不会抓狂？ 某种代码写法存在问题导致崩溃时，只能全工程检查代码，这需要人工花费大量时间Review代码，你会不会抓狂？ 以上这些问题，可以通过静态检查有效......
71 天前 / 58无线
换换项目三端化的小试牛刀 背景在换换项目列表页、详情页用React-native实现了Android、iOS的基础上，要继续上web端，为节省开发成本，本着一套代码三端使用的原则，并且在此之前我们的RN小团队经过调研，基于以上业务的基础上并产出了一套WubaRN-web库，以支持三端化的需求，因此也为该需求的接入奠定了基础。 方案React-native + React-native-web + WubaRN-web。 这里首先看下WubaRN-web的主要工作，因为React-native代码编译出来的bundle.js文件目前只能在App里运行，无法直接在web上运行。那么要生成可以直接在web运行的js需要一......
74 天前 / 携程技术中心
作者简介 赵辛贵，携程无线平台研发部开发总监。2013年加入携程，主要负责App基础框架研发相关工作，目前重点关注React Native技术在公司的推广和研发支持、无线框架和工程架构升级。 本文来自赵辛贵在“2018携程技术峰会”上的分享。 一、RN在携程的使用情况 2015年3月React Native iOS开源，半年之后Android开源。携程于2016年6月份投入资源在React Native框架的预研，并于8月份正式上线，至今已有2年多。 随着业务使用的复杂度增加，各种问题随之而来，我们就这些问题一一提供解决方案，并建设相关配套系统来支撑业务开发团队使......
75 天前 / Yeming
作者 | 钱凯 杏仁移动开发工程师，前嵌入式工程师，关注大前端技术新潮流。 最近在前端圈大名鼎鼎的 Airbnb（爱彼迎）团队宣布放弃 React Native。他们在自己的博客的中写了一系列文章详细介绍了使用 React Native 的开发经历，解释了放弃使用 RN 的原因。本文就是对这些博文的整理和翻译。 由于篇幅较长，我拆分成了上下两部分，以下是下篇： 打造跨平台的移动开发团队通过对 React Native 的深入实践，我们深切地意识到它对一个大规模的开发团队意味着什么，而不仅仅是 React Native 本身众多的优点和缺点。将一个新的库或者开发模式引入到......
89 天前 / Yeming
作者 | 钱凯 杏仁移动开发工程师，前嵌入式工程师，关注大前端技术新潮流。 最近在前端圈大名鼎鼎的 Airbnb（爱彼迎）团队宣布放弃 React Native。他们在自己的博客的中写了一系列文章详细介绍了使用 React Native 的开发经历，解释了放弃使用 RN 的原因。本文就是对这些博文的整理和翻译。 由于篇幅较长，我拆分成了上下两部分，以下是上篇： 序在 Airbnb 正式推出的十年前，智能手机还处于发展的初级阶段。从那时起，它逐渐成为我们日常生活中的重要工具。作为一家为数百万人提供旅行服务的社区，开发强大稳定的移动端应用程序对我们来说非......
94 天前 / u275111
相关源码同志们好，我又回归了，本来是想分享Flutter相关的内容，但是好久不写文章，感觉生疏了不少，不知道从何处下笔了，所有就把草稿箱躺了快一年的内容整理一下，分享分享。这篇文章是使用最简单的方式实现地图导航的需求，那就是通过唤起手机中的导航类软件进行导航，所以你想在应用内实现导航以及定制导航路线，那就可以到此为止了（如果有应用内导航需求或者线路规划需求的，留言，我可以写个底层的插件（android端，此时需要有个写ios底层合作的了）。很多人都认为唤起导航软件进行导航，需要底层去写实现，其实大可不必，通过ReactNative......
102 天前 / 实时音视频A桑
对于 Web、iOS、Android 开发者来讲，React Native 给跨平台开发工作带来了很大的帮助。仅用 JavaScript 就可以创建运行于移动端的应用。同时，你也可以将 React Native 代码与 Native 代码结合，不论你是用 Objective C、Java 还是用 Swift 开发。 有一位 Agora 开发者，同时也是 React Native 爱好者（Github：syanbo）采用 Agora SDK 写了一个 React Native 封装模块，可实现直播、多人语音或视频会议，当然，同时支持 Android、iOS 平台。 Github 地址：https://github.com/syanbo/react-native-agora 当他在 Agora 的交流群里发出来时......
112 天前 / u504232
此文基于react natve的 September 2018 - revision 5版本 本人学校毕业后就当了安卓爬坑专业户，3年来总算爬习惯了，不料今年掉进了RN这个天坑，从此开始了我的悲惨人生。。。Anyway，RN的思想还是值得学习的，今天就从Android的角度开始分析一下react native的基础组件如何加载，看看它们与原生控件间的映射关系。 Android端源码浅析安卓老司机看页面的实现原理，必然首先看Activity，其次看View，RN在安卓端的加载开端也是如此。 以下是截至此文发布前最新的RN官方教程中的例子（RN官方教程和RN源码一样，一日三变，习惯就好） ： public cla......
133 天前 / 58无线
在【58部落】的业务场景下，存在较多的列表页面。整个产品的“门面”——入口页面，常驻在58APP下方的“发现”tab,所以要求有较高的用户体验。作为一个初中期的社区产品，很多功能还不够完善和稳定，因此要求能较快的功能迭代。兼具体验和快速迭代的要求，在58APP中，我们的选择是以 React Native 来进行页面的开发。 图1 - 门面页面（我们称为部落一...
175 天前 / 美团技术团队
总第286篇 2018年 第78篇 简介 beeshell 是一个 React Native 应用的基础组件库，基于 0.53.3 版本，提供一整套开箱即用的高质量组件，包含 JavaScript（以下简称 JS）组件和复合组件（包含 Native 代码），涉及前端（FE）、iOS、Android 三端技术，兼顾通用性和定制化，支持自定义主题，用于开发和服...
187 天前 / Parry
此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法，此小节主要介绍 React 的底层原理与机制。目前 React 可以说是前端世界最火热的框架，具有高性能以及容易上手的特性，而且在掌握了 React 框架后，再学习其他类似 React 的框架也将变得...
189 天前 / Parry
此系列文章将整合我的 React 视频教程与 React Native 书籍中的精华部分，给大家介绍 React 与 React Native 结合学习的方法。1. 软件开发语言与框架的学习本质我们在开始系列文章的技术点内容前，花一点时间探讨一下软件开发语言以及框架的学习本质，相对于整个技术点的讲解，花这一点一起思考的时间是值得的。相信看此系列文章的朋友都已...
190 天前 / ElevenBeans
最近在选座的新项目中试用了一下 React Native，熟悉新框架的同时，可以略微将交互效果和 Native 看齐了。分享一下项目本身比较重要的一个交互动画的做法, RT。 这次我们就不装大象了，因为我真的买了冰箱 =,= 本着言简意赅，不故弄玄虚的原则，依然是三步：第 1 步： 通过Animated创建合成动画的 View。仔细观察，“选择座位” 动画和...