写点什么

React Native

0 人感兴趣 · 52 次引用

  • 最新
  • 推荐

几种常用到的 Hybrid App 技术框架

用户头像
Onegun
2023-08-01

移动操作系统在经历了诸神混战之后,BlackBerry OS、Symbian OS、Windows Phone等早期的移动操作系统逐渐因失去竞争力而退出。目前,市场上主要只剩下安卓和iOS两大阵营,使得iOS和安卓工程师成为抢手资源。然而,由于两者系统的差异,开发同一个应用需投入两

扩展可能性:发挥 React Native 与小程序集成的优势

用户头像
FinFish
2023-05-22

React Native与小程序容器技术的结合为移动应用开发提供了更广阔的可能性,促进了开发效率和用户体验的提升。开发者可以根据项目需求和技术栈选择适合的技术组合,为用户带来更优质的应用体验。

https://static001.geekbang.org/infoq/29/297a5c331d11039fdd3167cb9e79c4d6.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 9 个好用的开发工具盘点

用户头像
Onegun
2023-04-20

近几年在大前端的开发领域,选择跨端方案的公司和部门越来越多,曾一何时市面有不下10种跨端框架,但随着“生物进化论”的推动,目前市面上仅剩两种主流方案,就是经常听到的 React Native 和 Flutter。去年终于引来了 React Native 的新版本 0.70.0,开发者

https://static001.geekbang.org/infoq/fa/fa01bc9b01d67f4995093088aee4fab5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Hybrid App 选用什么前端框架更好

用户头像
Onegun
2023-04-13

由于混合应用的开发具有灵活性、可移植性和易维护性等优点,Hybrid App(混合应用)的开发变得越来越流行,甚至成为一种烂大街的存在,大到全民超级 App 微信、支付宝,小到随便的一个独立电商 App 都是 Hybrid App 的“忠实粉丝”。

https://static001.geekbang.org/infoq/7e/7e73459ae5c8b3f172bd7b49f3fcf7cf.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端工程化实战:React 的模块化开发、性能优化和组件化实践

用户头像
兴科Sinco
2023-04-10

前端工程化实战是指通过组织工作流程、使用工具和技术来提高前端开发效率和质量的一种方法。常见的前端工程化实践包括模块化开发、自动化构建、代码检查和测试、性能优化等。下面将简要介绍模块化开发、性能优化和组件化实践。

https://static001.geekbang.org/infoq/d7/d7e67f2fc962be73a08fc9c435e66945.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端开发框架 React 技术如何与小程序结合,进行页面构建

用户头像
兴科Sinco
2023-03-09

前端开发框架 React 可以通过小程序提供的开发工具和 API 进行结合。例如使用小程序提供的 WebView 组件来加载前端框架的页面。或者使用小程序提供的组件和 API 来实现前端框架的功能。

https://static001.geekbang.org/infoq/9b/9ba53e6f110e8d7e6493e720d2e1109b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React-Native 开发实用指南

用户头像
环信
2022-11-11

本文主要介绍 React-Native 的实际开发使用经验,对于想要快速入门的开发者同学们是有帮助的。

代码规范以及 commit 扫描代码

用户头像
甜点cc
2022-10-25

perttier、eslint在项目中的运用,以及husky插件的使用。文章所涉及的插件均是当前最新版本。制定代码编写规范以及commit的时候扫描代码。

https://static001.geekbang.org/infoq/bc/bc211aaba2297bc74504ac6281df3921.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

2022 年盘点,主流前端跨端技术方案(包含小程序)

用户头像
Speedoooo
2022-07-14

不论是国内还是国外,跨端框架百家争鸣,方案频出。相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个? 而本期主要介绍的几个主流的解决方案Finclip、Flutter、Taro、React Native 、Weex

https://static001.geekbang.org/infoq/92/9274f480460d90e2b1518a94afe1433a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 跨端框架与小程序混编实战

用户头像
Speedoooo
2022-07-14

对于跨平台应用开发来说,哪种技术是最佳的选择仍然是一个值得关心与探讨的问题。

https://static001.geekbang.org/infoq/cf/cf4cd9a0859bd9e2fbeeba8edcf75571.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Native 资源更新增量包的优化实践

Shopee 的许多手机应用是原生与 React Native的混合(hybrid)应用。考虑到 Shopee 主要市场的网络条件,数据流量的节约尤为重要。但这个增量包应该是怎样的呢?

https://static001.geekbang.org/infoq/30/301a458a528cf2f3e24315cc2a61a9cb.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

去中心化的 React Native 架构探索

我们探索了去中心化的 RN 架构,并结合该模型自研了系统(Code Push Platform,简称 CPP)和客户端 SDK,覆盖了多团队的开发、构建、发布、运行等一系列 RN 研发周期。

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(五十):IOS 系统 Crash 日志分析实战

当应用程序在IOS 设备上崩溃(例如,闪退)时,一份“Crash崩溃报告”将在该设备上创建并存储起来。崩溃报告描述了应用程序是在何种条件下崩溃的,大部分情况下包含一份当前正在运行线程的完整堆栈跟踪。

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十六):移动端实现字体自适应

在开发react-native App时,相信大家都遇到过这样的问题:当用户设置了系统的字体大小之后,导致APP布局紊乱,甚至有些内容会被切掉/隐藏,这对于用户来讲,是非常不好的用户体验。

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十四):Mobile App 适配性优化

移动端应用开发过程中,内容自适应是避不开的一个注意点。相较于PC Web端开发应用设备的数量种类,Mobile APP 面临着设备应用多样性问题,各厂商生产设备多样,同一厂商不同型号的电子设备分辨率、屏幕尺寸相异性是不得不考虑的一个问题,尤其是将手持设备,

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十):应用 ListView 实现分组列表

在前期博文中讲解了应用SectionList实现分组列表,本文主要讲解ReactNative长列表数据展示核心组件ListView ,该组件在数据量大时性能较差,占用内存持续增加,故诞生了FlatList组件。

https://static001.geekbang.org/infoq/f3/f39c9e3a5a4324adc061360f41c86fc0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Luna:你想要的 React Native 调试工具

Luna 是一款 RN 的应用内调试工具,偏向于解决生产环境调试的痛点,够帮助在非开发环境定位问题。

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十六):ES8 中 async 与 await 使用方法详解

在前期博文中,针对异步编程,提出了Promise解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息,解决回调函数嵌套过多的情况。

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十五):应用脚手架 Yo 构建 RN 页面

前期将脚手架yo安装成功,本篇博文主要讲解如何利用yo提供的代码自动生成功能生成项目代码。

https://static001.geekbang.org/infoq/e7/e7e7fd2c60503cab73a3f546e21fbbba.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十九):BloC 模式

BloC【Business Logic Component】模式是paolo soares 和 cong hui 在2018年Google dartconf上提出的,具体的视频你可以参考YouTube.

https://static001.geekbang.org/infoq/de/de79d25e957f60524309fc26b42e6bf5.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十三):Mac 下 homebrew 的安装和 brew 命令的使用

Homebrew 是 mac 下的包管理器,由国外大神 Max Howell 开发的一款包管理工具,类似Debian的apt,他可以安装任何你想安装的东西。其基于命令行模式,使用命令 brew 管理软件。类似 ubuntu 下的 apt-get 、fedora 下的 yum。

https://static001.geekbang.org/infoq/c0/c05d546f0320ba5683ebedbac9c1b79a.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(三十二):前端构建工具 --Yeoman

脚手架是一种约定和规范。可以实现如下规范:

https://static001.geekbang.org/infoq/bc/bc9090e3a0b99727f98406427370e4aa.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十八):ES6 Symbol 用法

Symbol是es6中一种新增的数据类型,它表示独一无二的值。es5把数据类型分为基本数据类型(字符串、数字、布尔、undefined、null)和引用数据类型(Object),es6中新增的Symbol数据类型划分到基本数据类型。

https://static001.geekbang.org/infoq/61/619095ac1e68d9137f99b8671dda4cf3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十五):ScrollView 滚动视图组件详解

ScrollView在Android和ios原生开发中都比较常见,是一个滚动视图控件。在RN开发中,系统也给我们提供了这么一个控件。不过在RN开发中 ,使用ScrollView必须有一个确定的高度才能正常工作,因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度

https://static001.geekbang.org/infoq/37/37941a99b2f13c98f5e14d6c3623189f.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十三):Javascript 严格模式详解

除了正常运行模式,ECMAscript 5添加了第二种运行模式:”严格模式”(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(十四):初探 Gradle

Java世界中主要有三大构建工具:Ant、Maven和Gradle。经过几年的发展,Ant几乎销声匿迹、Maven也日薄西山,而Gradle的发展则如日中天。

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(十二):本地存储 AsyncStorage 及 Realm 使用

数据持久化一直都是软件开发中重要的一个环节,几乎所有的应用都具备这项功能;什么是数据持久化呢?说白了就是数据的本地化存储,将数据存储到本地,在需要的时候进行调用。

https://static001.geekbang.org/infoq/61/619095ac1e68d9137f99b8671dda4cf3.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(十一):realm 数据库

realm 是一款专为移动端开发的高性能数据库,其宣称是最快的 react-native 数据库。

https://static001.geekbang.org/infoq/03/036f0947a746e74d8034b46181f702f0.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(十):WebView 应用详解

使用 WebView 组件可通过 url 来加载显示一个网页,也可以传入一段 html 代码来显示。下面对其主要属性和方法进行介绍。

React Native_React Native技术文章_InfoQ写作社区