119 天前 / 美团技术团队
总第357篇 2019年 第35篇 2018年，我们开源了React Native组件库——beeshell 1.0。时隔一年，我们对React Native组件库继续优化，实现beeshell 2.0升级，开源38个功能。希望更好的服务社区，同时也希望利用社区力量丰富React Native组件库。引言 随着 React Native（以下简称 RN）技术的出现，大前端的发展趋势已经势不可挡，跨平台技术因其通用性、低成本、高效率的特点，逐渐成为行业追捧的热点。为了进一步降低开发成本、提升产品迭代的效率，美团开始推广使用 RN 技术。随之而来，相关业务方开始提出对 RN 组件库的诉求。2018 ......
187 天前 / ElevenBeans
画一条精细无比的实线还记得一开始作为前端小萌新，被 0.5px 支配的恐惧吗？ “你这条线画的有问题，跟我视觉稿上不一样，看起来不够精致～”“就一条线，咋不一样？咋不精致？”“你这个粗了一点点！”“哪有？？？我看不出来啊？？？”“很明显啊！你再帮我调小 0.5 个像素。”“。。。” 当年我们幸运 + 惊喜地发现 CSS 有伪元素、有 transform: scaleY(0.5)，可以相对画出一条精确到小数点的线条时，才意识到：原来细微处还有这么多门门道道呵。 我在 React Native 中尝试了: 1.borderBottomWidth: 0.52.borderBottomWidth: 1; transform:......
188 天前 / 携程技术中心
作者简介 任跃华, 携程机票前台软件工程师，从事机票android、react和react native技术栈相关研发工作。 前言 携程机票前台团队在使用 React Native 实现众多业务的过程中，经历了前期少量探索，中期大量应用，后期架构和性能优化的三个阶段。 在该技术栈积累了一定经验之后，结合不同业务的特点和复杂性，我们重新审视和思考一些前期实践项目的整体优化方向。在 App 国际机票查询列表页的相关业务模块，基于 Clean Architecture 整洁架构之道的思想，进行了一次技术大重构。 一、GUI 架构回顾 GUI 架构模式，一般分......
240 天前 / 开发者头条
点击链接或图片即可阅读 喜欢请分享到朋友圈哦 项目介绍 Alita，战斗天使阿丽塔，原型是《铳梦》中一位不断战斗和自我超越的生化改造少女。 Alita 是一套 React Native 代码转换引擎工具。它对 React 语法有全新的处理方式，支持在运行时处理 React 语法，可以用简洁、高效的方式把 React Native 代码转换成微信小程序代码，并且实现了 React Native 和微信小程序之间的主要组件对齐。 借助 Alita 引擎，可以实现用 React Native 进行多终端业务开发，除了官方支持的 Android、iOS 外，还可以额外支持微信小程序和 Web（可以通过 reac......
240 天前 / 人人贷大前端技术中心
首发于大前端博客园写文章React Native 九宫格抽奖人人贷大前端技术中心人人贷大前端团队5 人赞同了该文章本文将介绍从零开始实现一个 React Native 版本的九宫格抽奖转盘，先看最终效果图 也可以直接使用react-native-super-lottery组件开发抽奖功能。 一、布局布局很简单，我们可以采用flex 3行布局，也可以单行、配合flex-wrap子控件自动折行实现。直接上代码 const LotteryStyle = StyleSheet.create({container: {flexDirection: 'row',flexWrap: 'wrap',justifyContent: 'center',}});const img_width = 100; // 图片的宽度const img_......
280 天前 / 闲鱼技术
嗯。。。这个问题十分不好回答啊(捋下鱼须)。闲鱼作为flutter领域的先驱者，以及fish_redux、flutter_boost等当红flutter库的作者，当然是欢迎广大的开发者多多使用flutter相关技术栈 逃~:)。咳咳，不过呢，我们还是正经得聊一下React Native(下面简称RN)和flutter之前的异同： 0x00 简单介绍一下React NativeReact Native是Facebook开源的一款基于react思想、使用JS、能够给移动平台带来native般体验的框架，官网最新的版本是0.5.9。 flutterflutter来自Google，上层使用dart语言构建跨平台应用，通过平台相关的embedded层接入到使用c++编写的en......
283 天前 / u336221
code小生,一个专注 Android 领域的技术平台 公众号回复 Android 加入我的安卓技术群 作者：tooyoungt 链接：https://www.jianshu.com/p/129c04476a2f 声明：本文已获tooyoungt授权发表，转发等请联系原作者授权 移动开发的发展渐渐趋于成熟，开发者的技能树分布渐渐完善。随着大前端的发展跨平台技术也衍生除了相关平台。对于移动开发者来说，也是面临着新的机遇与挑战，各个公司也尝试拥抱新技术，可以说这也是一个趋势相关的挑战。由于公司产品，存在Android,iOS两组开发人员，且业务逻辑与UI几无差别。对于成本和效率的考虑团队开始考虑使......
287 天前 / 携程技术中心
作者简介 赵辛贵，携程无线平台研发部开发总监。2013年加入携程，主要负责App基础框架研发相关工作，曾参与Native、Hybrid和ReactNative框架设计、工程模块化、Android插件化等项目。目前重点关注ReactNative技术在公司的推广和研发支持、无线框架和工程架构升级。 经过近两个月的准备，携程无线平台研发团队正式将内部的ReactNative开发框架-CRN实现开源。CRN对原生的ReactNative框架进行了大量架构简化、性能和稳定性调优的工作，能大幅降低RN技术的应用成本。 背景携程从2016年年中正式引入ReactNative，至今已将近3年，现在逐步稳定，并......
290 天前 / 黎跃春
来源 |愿码(ChainDesk.CN)内容编辑 愿码Slogan | 连接每个程序员的故事 网站 |http://chaindesk.cn 愿码愿景 | 打造全学科IT系统免费课程，助力小白用户、初级工程师0成本免费系统学习、低成本进阶，帮助BAT一线资深工程师成长并利用自身优势创造睡后收入。 官方公众号 | 愿码 | 愿码服务号 | 区块链部落 免费加入愿码全思维工程师社群 | 任一公众号回复“愿码”两个字获取入群二维码 本文阅读时长：4min 任何高质量移动应用程序的一个重要方面是用户界面的流动性。动画用于提供丰富的用户体验，任何jank或抖动都会对此产生负面影响。......
295 天前 / 黎跃春
愿码(ChianDesk.CN)——连接每个程序员的故事 助力每一位IT工程师成为集个人品牌推广思维、新媒体运营思维、内容营销思维、娴熟的沟通技巧、知识变现、创造睡后收入等一些列多元化的复合型思维于一体的“全思维工程师”。 本文阅读时长：6min 在本文中，你将了解各种React Native开发工具 - Expo，React Native CLI，CocoaPods。也将学习如何设置Expo和React Native CLI。 在大量的ReactNative开发工具中Expo，ReactNative CLI，CocoaPods是比较受欢迎的。与任何开发工具一样，在灵活性和易用性之间需要进行权衡。建议首......
310 天前 / 刘奇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 的......
339 天前 / 58无线
前言 RN的开发思路是通过组合各种组件来组织页面，大部分情况下通过组合视图，文本和图片等几个基础组件，就可以非常方便的实现各种复杂的跨平台组件，不过在需要原生功能支持、组件较为复杂、或者对性能有要求的情况下还是需要进行一定的原生的开发，合理的组件实现方式可以降低使用和跨平台的成本。 在前段时间同镇C端的RN业务开发过程中，需要开发一套视频播放的RN组件，基于目前同城的native视频播放组件，在RN页面上进行业务扩展，在native设计组件和RN端调用组件的属性和方法的过程中遇到了一些坑，也借此机会了解了iOS端对复杂RN......
372 天前 / 美团技术团队
总第329篇 2019年 第007篇 TSLint为TypeScript提供了代码检查能力，对使用TypeScript的React Native工程，在规范性、安全性、可靠性、可维护性等方面起到重要作用。本文主要对TSLint相关知识进行分享，并对自定义TSLint规则进行介绍。 建立的代码规范没人遵守，项目中遍地风格迥异的代码，你会不会抓狂？ 通过测试用例的程序还会出现Bug，而原因仅仅是自己犯下的低级错误，你会不会抓狂？ 某种代码写法存在问题导致崩溃时，只能全工程检查代码，这需要人工花费大量时间Review代码，你会不会抓狂？ 以上这些问题，可以通过静态检查有效......