React Native

最新推荐文章于 2024-08-21 14:09:37 发布
最新推荐文章于 2024-08-21 14:09:37 发布
阅读量215 收藏
点赞数
文章标签： javascript 前端 移动开发 ViewUI
原文链接：https://segmentfault.com/a/1190000012491144
版权

React Native 配置自定义字体

本想着配置自定义字体不是什么大坑，官网文档找了一下，没有。遂关键字：“React Native 配置自定义字体”这么一搜。都是一样的文章，作者名却是各式各样，真是天下文章大家抄。然而试了一下并不好用。
（这里使用最新的RN 0.48.4 测试） 这里想一下React Nativ…

这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已

这些JavaScript编程黑科技，装逼指南，高逼格代码，让你惊叹不已

ReactNative 学习资源大汇集

React Native 着力于提高多平台开发的开发效率 —— 仅需学习一次，编写任何平台。(Learn once, write anywhere)。 本文汇集了 React-Native 各类学习资源，方便大家学习，同时还有 [Awesome React Native 系列]，请收下…

React Native BLE 蓝牙通信

由于业务需要，基于 React Native 开发的 App 要跟 BLE 蓝牙设备通信。
在 js.coach 上搜索 React Native BLE 蓝牙组件，只找到三个组件：
react-native-ble-manager：文档清晰明了，简单，基本每个月都有更新，遇到问题提交 issue 作者也能及时回复。
react-native-ble-plx：文档阅读起来有点难度，更新频率较慢。
react-native-ble：由 Node.js BLE 改写而成，不是很适用于 React Native。
综上分析，我选择 react-native-ble-manager 组件，组件的安装、配置看官方文档即可。

前端每周清单半年盘点之 React 与 ReactNative 篇

前端每周清单专注前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID：frontshow），及时获取前端每周清单；本文则是对于半年来发布的前端每周清单中的 Re…

[教你React-Native撸android原生百度定位SDK服务[跨平台模块自定义]](https://juejin.im/entry/59797...

哈喽,最近一直在研究reactNative没有碰原生的东西已经很久了.不知道大家是否想过一个问题呢?reactNative开发中用到的语言是Js.但是我们如果想做百度定位或者微博分享等第三方sdk的集成时,会不会碰到以下问题.

Zent - 源自有赞微商城的 React 组件库

Zent ( ˈzent ) 是有赞 PC 端 Web UI 规范的 React 实现版本，提供了一整套基础的 UI 组件以及常用的业务组件。通过 Zent，可以快速搭建出风格统一的页面，提升开发效率。目前我们有 45+ 组件，其中包括 Design 以及 SKU 等实用的…

我为什么从Redux迁移到了Mobx

Redux是一个数据管理层，被广泛用于管理复杂应用的数据。但是实际使用中，Redux的表现差强人意，可以说是不好用。而同时，社区也出现了一些数据管理的方案，Mobx就是其中之一。 这是Redux给自己的定位，但是这其中存在很多问题。 首先，Redux做了什么？看Redux的…

React Native 仿 ofo 共享单车 App

本文为 Marno 原创，转载必须保留出处！ 公众号【 aMarno 】，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 一、前言 并没有实现 ofo 所有功能，只完成了主要的界面和逻辑，感觉其中也就【地图】和【…

如何编写一个 Redux 中间件

要想实现一个 redux 中间件我们必须了解 redux 的基本实现原理。本文将从 redux 源码入手，重点讲解 applyMiddleware 如何将中间件串联执行。只有理解了底层原理我们才可以游刃有余的写出一个 redux 中间件。 可以看见 createStore 的三…

用 Jest 测试 JavaScript 应用

Jest 是 FaceBook 用来测试 JavaScript 应用的一套测试框架，这些应用当然也包括了 React 应用。它的优点之一是自带了对 React 的支持，同时也很容易支持其它框架。
从最简单的开始，我们可以看看如何用 Jest 测试纯 JS 项目。

ONE-ReactNative

首先说说写这个项目的初衷，rn用了快一年半的时间，身边也有很多朋友开始学习rn，从他们学习的方式方法中我深深的体会到，对于一个初学者他们最需要的是什么。因此我写了这个项目，或许你会认为这个项目太过于简单，但是这里面用到的知识却是最基础也最容易忽略的。 传送门 简单贴几张效果图 i…

React Native源码分析原理（二）(基于0.48版本)

上一篇文章大家如果仔细阅读揣摩对RN有了一个初步的认识了，接下来将基于上一篇文章的这种初步认识然我们详细了解一下RN的启动过程 [RCTRootView initWithBundleURL:...] [RCTBridge initWithBundleURL:...] [RCTB…

React Native预设占位布局placeholder

当我们首次打开一个app的时候会请求接口获取数据，那么获取数据的这段时间展示什么给用户呢？国内很多app都是千篇一律的用一个菊花代替（俗称loading），或者更有心一点的做一个好看一点的loading，但是这样当拿到数据渲染页面的时候会很生硬的切换，总感觉很low。

iOS 开发是否要采用 React Native?

React Native 是 Facebook 2015年开源的 Javascript 框架，旨在使用 Javascript 高效开发手机端 App。配合着多个显而易见的优势和 Facebook 强大的宣传机器，它立刻成为国内外大小公司的明星开发框架。开源社区的参与激情、各方博…

将RN工程嵌入到现有原生iOS应用

今天心血来潮，就想尝试一下将RN工程单独嵌入到原生工程中，所以就做了尝试，本文是通过cocopods集成RN到现有工程的，但是其中也遇到一个问题，怎么编译都不过。
React Native的植入过程同时需要React和React Native两个node依赖包，所以需要我们创建…

快速上手必备：五分钟过一遍 Redux 知识点

你是不是好不容易看完了 Redux 的官方文档、了解了 state/action/reducer/store 这些内容后，但又愁于没有地方可以一次性实践将他们牢记于心，而下次真正要使用的时候又苦于这些看过的概念差不多都忘光了。

如此反复不仅浪费时间、而且消磨精力。

考虑到此，本文尝试通过简明的概述将 redux 中涉及到的主要知识点以及官方提供的最佳实践表达，希望已经入门的你在真正需要的时候可以扫一遍迅速捡起这些、方便你的开发。

快快收藏吧。

如何在React Native中实现分享和第三方登录的功能

在我们常用的App中经常会看到分享与第三方登录的功能，可以说分享与第三方登录已经成为了各大APP的必备功能。对于产品运行与推广来说，分享与第三方登录不仅能加强用户粘性，增加流量及新用户，也能提升用户存留优化产品质量等。
各大平台都有对应的开发平台来提供分享与第三方登录的服务，比…

ReactNative 的理解与思考，三端同一套代码的实践

React Native 是一个JavaScript 的框架，用来撰写实时的、可原生呈现iOS 和Android 的应用。 其是基于React的，而React 是Facebook 的用于构建用户界面的JavaScript 库

自定义 React Native 二维码扫描组件(简单，易用！)

本文为 Marno 原创，转载必须保留出处！ 公众号 aMarno，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 1.前言 最近用 React Native 仿写了一下 ofo 应用，涉及到了二维码扫描的功能，…

后端工程师的React Native初体验

这是一个用React Native写的小说APP，支持搜索小说、订阅小说、在线阅读。附后端源码

4 张动图解释为什么（什么时候）使用 Redux

本文描述了什么时候开始使用 Redux。作者描述了在构建一个真实 React APP 时，从没有使用 Redux 到使用 Redux 的过程以及收获。 首先，并不是所有的 React 应用程序都需要使用 Redux。事实上，大多数非常简单的 React 应用程序根本不能从 Re…

React Native 开源项目 - 仿美团客户端 (Android、iOS 双适配)

推荐 React Native 学习好项目，仿照美团客户端

React Native手势密码组件


ReactNative源码篇：启动流程

在分析具体的启动流程之前，我们先从Demo代码入手，对外部的代码有个大致的印象，我们才能进一步去了解内部的逻辑。 1 首先我们会在应用的Application里做RN的初始化操作。 2 页面继承ReactActivity，ReactActivity作为JS页面的容器。 3 有了…

React Native探索（一）环境搭建与Hello World（Windows/Mac）

前言 目前关于React Native的教程很多，官方文档写的也不错，但是感觉大部分教程写的不是很清楚，导致我各种碰壁。因此我来写一个简洁的教程。本篇文章基于React Native 0.43，只适用于用Windows/Mac平台的Android开发者。 1.配置React N…

如何高效管理 React Native 项目中的图片资源

本文为 Marno 原创，转载必须保留出处！ 公众号【 Marno 】，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 今天是情人节了，Marno 祝有"对象"的情人节快乐，没对象的 new 一个对象，然后情人节…

redux 源码研究：中间件

中间件是代理/装饰模式的一种的实践方式，通过改造 store.dispatch 方法，可以拦截 action（代理）或添加额外功能（装饰）。 新建一个变量指向 store.dispatch。 新建同名函数 dispach，接收参数为 action。 编写自己的额外逻辑。 在 d…

React Native拆包及热更新方案

随着 React Native 的不断发展完善，越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发，也有不少使用 Hybrid 技术的公司转向了 React Native 。要说 React Native 最能吸引开发者的地方那就

React Native Android 从学车到补胎和成功发车经历

技术是无罪的，所以即便 RN 现在胜负难断，但是作为一个开发者对自己关注领域的新技术应该尽可能的持有一个关注的心态，以免真的能颠覆时找不到赛道，更别提发车，更何况现在已经有很多 JD 竟然列出了 React Native 开发工程师的职位（包括鹅厂），薪水福利也还不错。

PS：如果你依旧对 RN 抱着怀疑的心态，那请你打开这个 showcase 看看吧，国内外已经有很多有名和没名的 App 都已经接入了 RN。

React 的性能优化（一）当 PureComponent 遇上 ImmutableJS

在我们的印象中，React 好像就意味着组件化、高性能，我们永远只需要关心数据整体，两次数据之间的 UI 如何变化，则完全交给 React Virtual Dom 的 Diff 算法 去做。以至于我们很随意的去操纵数据，基本优化shouldComponentUpdate 也懒得…

React Native Calendars ✨ ?️ ?

对 Android 和 iOS 都兼容

weixin_33935777
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native优质开源项目推荐与解析
06-27 1709
React Native是一个流行的跨平台移动应用开发框架，由Facebook开发并开源。它允许开发者使用JavaScript和React来构建移动应用，同时生成iOS和Android应用程序。React Native的出现大大降低了移动应用开发的门槛，吸引了大量开发者和企业的关注。在这个过程中，涌现了许多优质的开源项目，这些项目不仅为开发者提供了丰富的资源和参考，还推动了React Native生态系统的发展。本文将介绍一些React Native的优质开源项目，并详细解析其特点和应用场景。
react-native-ble-manager组件的使用
jingoat的博客
01-12 4640
最近几个月从h5转到RN的开发，其中遇到了很多坑，因为我们做的是物联网项目，然后又刚好用到了蓝牙组件，蓝牙组件我选择的是react-native-ble-manager,目前我已经跟硬件实现了通信，所以现在想简单写写蓝牙通信以及使用这个组件的的注意事项，本人才疏学浅，博客也写的比较少，不喜勿喷。实现这个ble蓝牙通信我很多是参照https://blog.csdn.net/withings/arti...
ReavtNative踩坑笔记（一）
zass8435063的博客
03-21 255
Metro Bundle闪退 运行安卓项目，configuring和installing均成功，但是Metro Bundle闪退，错误提示如： Task :app:transformNativeLibsWithMergeJniLibsForDebug FAILED Deprecated Gradle features were used in this build, making it inco...
React Native BLE蓝牙通信
热门推荐
幻影的博客
05-07 5万+
由于项目需要，基于React Native 开发的App要跟BLE蓝牙设备通信。 在js.coach上搜索React Native BLE蓝牙组件，只找到三个组件： react-native-ble-manager：文档清晰明了，简单易懂，基本每个月都有更新，遇到问题提交issue作者也能及时回复，不确保能兼容所有BLE蓝牙设备。 react-native-ble-plx：文档阅读起来有点难...
如何在React Native中使用蓝牙模块
工宗浩生财指南针
05-21 1922
在上面的代码示例中，我们使用 BleManager.read() 方法读取设备的特征值，并使用 BleManager.write() 方法写入设备的特征值。总而言之，在React Native中使用蓝牙模块非常容易，它提供了扫描、连接、读写蓝牙设备的特征值等功能。如果您想构建具有与蓝牙设备交互功能的React Native应用程序，那么使用这个模块就是一个不错的选择。在完成蓝牙设备的连接后，您可以读取并写入蓝牙设备的特征值。使用蓝牙模块，您可以扫描并连接蓝牙设备。3. 读写蓝牙设备的特征值。
Reacct Native状态栏(动态)设置-StatusBar
小葫芦的博客
09-20 1537
（安卓）手机的状态栏默认为黑色背景如图： 但是有时候我们需要将它设置为白色或是其他颜色使得和整体样式更搭。 那么就需要用到 StatusBar 1.先引入StatusBar import { StatusBar} from 'react-native'; 2.页面使用 <StatusBar backgroundColor={'#ffffff'}//设置状态栏...
React Native项目实战
weixin_50983325的博客
08-30 3709
调试接口 API 调试工具是用来对 API 接口进行调试的。比较出名的有 Postman，Insomnia、Postwoman 等。本节以 Insomnia 为例。 首先，需要跳转到 Insomnia 官网，下载（Insomnia Core）：https://insomnia.rest/download然后执行安装。 然后，配置开发环境。 配置完之后，就可以根据接口（例如：和风天气接口）的使用规则，在 Insomnia 中调试接口了。使用效果如下： 调用接口 React Native 提供了和 web
react native 面试题
iMingzhen的博客
03-28 1万+
2022 react native 面试题
React Native Navigation
weixin_42274310的博客
04-25 1832
React Native Navigation官方文档 路由跳转到app栈顶（第一个页面）方法 navigation.popToTop() navigation.navigate(‘routeName’) 不能用navigation.push(‘Home’)，这个会入栈一个新路由页，而不是去到栈顶
React Native 架构原理
weixin_50983325的博客
08-27 2208
为了更好的理解 React Native，我们需要了解 RN 的架构原理。这里主要介绍两个内容 现有架构 当前 RN 正在使用的架构 新架构 2018年6月，Facebook推出了 RN 的重构计划。我们需要了解下一代 RN 的架构原理。 现有架构 架构模型 基本架构模型如下： Native 是原生部分，例如：iOS 原生或 Android 原生 JS 端主要是 React 语法 Bridge 用与 Native 和 JS 的通信 因为 Native 和 JS 相对独立。彼此通信是通过桥接器（Brid
ReactNative
12-29
ReactNative是一项由Facebook开发的技术，主要用于开发移动应用程序。它允许开发者使用JavaScript和React，以及原生平台的组件，来编写移动应用。 ReactNative的主要优点是它能够实现一次编写，同时部署到iOS和...
React Native 的 WiFi 连接管理器
06-08
React Native 的 WiFi 管理器 (react-native-wifi-manager) 列出、连接并获取设备上 WiFi 连接的状态。 安装 首先需要安装 react-native-wifi-manager: npm install react-native-wifi-manager --save 在 android/...
react native
03-01
react native es6的开发注意事项，react native es6的开发注意事项react native es6的开发注意事项react native es6的开发注意事项
React Native By Example
04-27
React Native By Example by Richard Kho English | 24 Apr. 2017 | ASIN: B01M31KB4Q | 414 Pages | AZW3 | 4.46 MB Key Features Work on native APIs and UI Elements using React Native Get the best of both...
网上商品订单转手系统bootpf
weixin_43213064的博客
08-18 515
【代码】springboot网上商品订单转手系统bootpf
【js】各类前端输入校验方法
最新发布
galaxyJING的博客
08-21 174
【代码】【js】各类前端输入校验方法。
Nuxt3【内置的工具函数】2024最新版
朝阳39的博客
08-20 883
用于在Vue应用程序或API路由中进行HTTP请求，详见。
React学习笔记，从入门到砸门
留白声的博客
08-20 983
react详细自我学习笔记，内容包括JSX、Redux、Router等
Vue3项目-Cesium地图初始化
StupidlyGrass的博客
08-19 177
将node_modules中cesium/Build/Cesium文件夹拷贝至public目录下。3、index.html配置。一、安装、配置Cesium。1、安装Cesium。二、使用Cesium。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值