基于ReactNative和Realm的开源项目

最新推荐文章于 2024-05-13 15:30:31 发布
最新推荐文章于 2024-05-13 15:30:31 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： android 文章标签： 开源项目 ReactNativ Realm JS React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zjm0518/article/details/52416401
版权

相信大家在学习ReactNative中，都了解知乎日报这个完全基于RN做的开源项目，因为知乎的网络请求API都开源，所以做这个知乎日报的项目是再合适不过了。
基于新闻板块，我又添加了一个日记的功能，做了本地存储，RN中做本地存储非常牛逼的控件就是Realm，所以James这个开源项目也用了Realm这个控件，并且都添加了Realm的增删改查功能。
代码比较简单易懂，有兴趣学习RN和Realm的童鞋可以看一下这个开源项目。
https://github.com/LonerJimmy/James

项目中包括了RN中TabNavigator，ScrollableTabView，Navigator，TextInput等组件的使用，初学者可以通过看这个项目中的源码来学习RN，我相信是非常有用的。

Realm的配置和介绍请看官方网站：
https://realm.io/cn/docs/react-native/latest/

项目运行效果图：
知乎日报

这里写图片描述

这里写图片描述

这里写图片描述

Jimmy丶八毛钱
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
12.React Native数据本地存储-Realm
Tiger的专栏
07-01 1708
目录 1.Realm是什么？ 2.使用的前提条件 3.Realm配置 3.1Realm配置 4.Realm使用(增删改查) 4.1Realm支持的数据类型 4.2打开Realm 4.3插入数据示例 4.4删除数据 4.5Realm实现数据更新 4.5.1更新属性 4.5.2通过主键更新对象 4.6数据查询 4.7普通的数据迁移(Migrations) 4.8Li...
ReactNative简单仓库realm数据库组件实现
10-10
React Native简单仓库app的实现，用到了realm组件实现数据库的存储；还有到react-native-drawer抽屉组件实现删除功能。由于上传资源限制大小，未能上传整个项目代码，只上传了关键代码，望见谅。
2024年前端最新ReactNative进阶（十一）：realm 数据库_react native realm(1)，面试题附答案
最新发布
2401_84616977的博客
05-13 983
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】前端面试题汇总JavaScript前端资料汇总schema: [],});/**表使用区**/})
ReactNative进阶（十一）：realm 数据库
IT全栈 华强工作室
04-26 2317
realm 是一款专为移动端开发的高性能数据库，其宣称自己是最快的 react-native 数据库。 realm 优点如下： 简单易用； 跨平台； 快速，性能优越； 提供高级功能。realm 核心数据引擎用 C++ 打造，并不是建立在 SQLite 之上的 ORM。因此性能就是比普通的 ORM 要快很多，甚至比单独无封装的 SQLite 还要快。同时因为是ORM，本身在设计时也针对移动设备（iOS、Android），所以简单易用，学习成本很低。 一、安装依赖 npm i -S realm reac
React Native开发速记
一段曲折的旅程，一个艰难的人生
05-25 1793
React Native快速入门，精华笔记，辅助我们复习和记忆
Android React-Native Realm 基础用法总结
花落谁家的专栏
09-08 5385
Android React-Native Realm基本的增删改查操作总结
plantsale-react-native:基于React Native的客户用于工厂销售订单输入系统
04-20
本篇文章将深入探讨一个名为"plantsale-react-native"的项目，这是一款基于React Native构建的客户用于工厂销售订单输入的系统。我们将会分析项目的结构、技术栈以及如何利用JavaScript进行高效开发。 React Native...
React-Native-Playground---AwesomeProject:玩 React Native
06-16
React Native Playground - AwesomeProject 是一个基于React Native的实践项目，旨在帮助开发者学习和探索React Native的各种功能和特性。 在React Native中，JavaScript作为主要的编程语言，与传统的Web开发不同，...
react-native-chat-demo-master.zip_DEMO_React_react native_react
09-21
React Native基于React.js，一个用于构建用户界面的JavaScript库，其主要特点是组件化开发和虚拟DOM。 二、React Native聊天应用架构 1. 数据管理：聊天应用通常涉及到大量的数据交换，如消息发送、接收和存储。...
desafio-react-native-app:LabLuby JS的本机React技术
03-21
【标题】"desafio-react-native-app:LabLuby JS的本机React技术"涉及到的是一个基于React Native的项目挑战，旨在应用JavaScript的React技术来创建原生移动应用程序。React Native是一个由Facebook开发的开源框架，...
react-native-chat-ui
03-06
React Native Chat UI是一个基于React Native框架构建的聊天用户界面组件库。这个库专注于提供美观、易用且可自定义的聊天界面元素，适用于移动应用程序开发。React Native是Facebook推出的一个开源项目，它允许...
react-native-realm-sync-storage:react-native同步存储插件
05-18
1：安装方法 npm install react-native-realm-sync-storage --save react-native link realm 或者 rnpm link realm 2：使用方法 1：引入头文件 import Storage from 'react-native-realm-sync-storage' 2：方法列表 Storage.get(key); // 通过key获取一个value值，如果不存在返回null Storage.save(key, value); // 保存数据，注意：value为json格式数据 Storage.delete(key); // 通过key删除一个数据 Storage.deleteAll(); // 删除所有存储的数据，谨慎使用该操作，免得误删除数据 示例如下： _save(){ Storage.save(
React Native 使用Realm数据库组件
weixin_34306593的博客
11-03 130
本文原创首发于公众号：ReactNative开发圈 Realm是一款专为移动​端开发的高性能数据库。支持React-Naitve，支持 iOS 和 Android。官网文档地址：https://realm.io/docs/javascr...。 前提 React Native的版本要大于等于0.31.0 安装 npm install --...
React native 数据库 Realm的简单使用
我爱特雷西
08-28 2780
由于之前是做android 原生开发的，最近在学习混合开发，项目中也是用的react native 开发技术，在存储数据时简单点的比如说，用户的登录信息等，都可以存储在 AsyncStorage 中，这个的存储方式为key-value的形式，类似于android 中的SharedPreferences。 后面在存储银行卡信息时，用这个就不是很方便了，就想到了用数据库来存储。 最后就使用了reac...
移动数据库 Realm 在 React-Native 的使用详解
weixin_33738982的博客
12-13 486
在开发中有些数据我们需要在本地进行持久化存储，在需要的地方调用。一般来说，我们会用到 AsyncStorage 来对数据进行持久化的存储，这是官方推荐使用的存储方式，类似于 iOS 中的 NSUserDefault ，区别在于，AsyncStorage 只能存储字符串键值对，而 NSUserDefault 可以存储字符串和 number。如此，当我们需要存储的数据规模较为庞大时，需要考虑选择另一种...
2024年ReactNative进阶（十一）：realm 数据库_react native realm，前端开发主要做什么
2401_84436095的博客
05-04 839
正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】[外链图片转存中…(img-RUZAawvN-1714818374800)]
native数据类型 react_react-native中使用realm数据库
weixin_35671110的博客
01-15 465
react-native 存储方案AsyncStoragereact-native 官方存储方案是 AsyncStorage。AsyncStorage 是一个简单的、异步的、持久化的 Key-Value 存储系统，它对于 App 来说是全局性的。可用来代替 LocalStorage。官方推荐使用者在 AsyncStorage 的基础上做一层抽象封装，而不是直接使用 AsyncStorage。Asy...
React Native Realm安装 和 Realm入门理解
娃娃鼠小抄
05-26 4658
realm安装： 1.全局安装 rnpm    npm install -g rnpm 2.cd 到工程目录   npm install --save realm 3.将realm库依赖到RN项目中：rnpm link realm 入门理解：（提取一些比较重要的概念,realm官方文档没有详细说明的点） 1.创建目录：默认在缓存document目录下
React-Native 之 数据持久化
大灰狼的小绵羊哥哥的博客
03-26 1098
前言 http://www.jianshu.com/p/78b4b4b9d041 因为 实战项目系列 涉及到数据持久化，这边就来补充一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱 277511806@qq.com 联系我。 demo链接: https://pan.baidu.com/s/1hsspiio 密码: dk3h 数
基于ARM和Android手机的无线视频家居防盗监控系统.pdf
06-23
As technology and science continue to advance, the development of ... The continuous evolution of technology in the realm of smart homes is paving the way for a more efficient and intelligent future.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值