首页
学习
活动
专区
圈层
工具
发布

「首席架构师推荐」React生态系统大集合

图像 模型库 数据管理 地图 图表 React原生 React本机常规资源 React原生社区 React原生教程 React原生开发工具 React原生样本应用程序 React Native Boilerplates...React原生 使用React构建本机应用程序的框架 React本机常规资源 React原生官方网站 React Native GitHub React原生通讯 React本机游乐场 React Native...React + Flux由Rails API支持:第1部分 Reails + Flux由Rails API支持:第2部分 Reails + Flux由Rails API支持:第3部分 Flux解决方案通过实例比较...- React组件包装器,用于将React与MobX结合使用 MobX教程 10分钟介绍MobX和React 使用MobX管理React应用程序中的复杂状态 将您的应用程序从Redux重构为MobX...GraphQL API graphql-sequelize - 通过Sequelize实现MySQL和Postgres的GraphQL和Relay Relay 数据驱动的React应用程序 Relay

16.4K30

React Native 导航:示例教程

React Navigation 是用 JavaScript 编写的,并不直接使用 iOS 和 Android 上的原生导航 API。相反,它重新创建了这些 API 的某些子集。...React Native Navigation 有一点不同,它直接使用 iOS 和 Android 上的原生导航 API,这使得它能够提供更加原生的外观和感觉。...导航到一个新屏幕会将其放在堆栈的顶部,而导航回去则会将其从堆栈中移除。堆栈导航器还提供了类似于原生 iOS 和 Android 的过渡效果和手势。 注意,一个应用程序可以有多个堆栈导航器。...则利用了原生 API;iOS 上的 UINavigationController 和 Android 上的 Fragment,这样导航的行为就会与原生构建的应用程序一样。.../native-stack"; 在根 App.js 文件中实现导航非常有用,因为从 App.js 导出的组件是 React Native 应用程序的入口点(或根组件),而其他每个组件都是其后代。

4.8K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    2019年你应该知道的编程语言、框架和工具

    它意味着 Web 应用程序可以离线工作,并能提供原生移动应用的体验。它们可以添加到你的智能设备的主屏幕上,甚至可以给你发送推送通知,从而弥补与原生移动应用程序的差距。...我们认为,在 2018 年,渐进式 Web Apps 将变得更加重要,也值得我们去探究。在这里查看相关概述。 聊天机器人 从运行聊天机器人的平台到构建其的框架,现在每个人都在谈论它。...从原始数据中学习的智能计算机系统,正在改变我们与移动设备的交互方式。看样子,机器学习将在 2017 年成为更大的影响因素。...对于 Ruby 来说,Rails 框架是首选的。Rails 5.0 版本已于今年发布,并为 Web Sockets、API 模型等方面提供了支持。...Postgres 适用于大规模、TB 级规模的数据集以及繁忙的 Web Apps,这些优化都是很受欢迎的。 MySQL 8.0 将是数据库的下一个主要版本。

    1.2K30

    如何在Ubuntu 14.04上使用PostgreSQL和Ruby on Rails应用程序

    本教程将向您展示如何设置开发Ruby on Rails环境,该环境允许您的应用程序在Ubuntu 14.04服务器上使用PostgreSQL数据库。首先,我们将介绍如何安装和配置PostgreSQL。...然后我们将向您展示如何创建使用PostgreSQL作为其数据库服务器的rails应用程序。 准备 本教程要求具有可用的Ruby on Rails开发环境。...使用-d postgresql选项将PostgreSQL设置为数据库,并确保将突出显示的单词替换为您的应用程序名称: cd ~ rails new appname -d postgresql 然后进入应用程序的目录...创建应用程序数据库 使用此rake命令创建应用程序的development和test数据库: rake db:create 这将在PostgreSQL服务器中创建两个数据库。...确保数据库信息正确后,尝试再次创建应用程序数据库。 测试配置 测试应用程序是否能够使用PostgreSQL数据库的最简单方法是尝试运行它。

    5.7K00

    你应该知道的编程语言,代码学习从关注我开始

    它意味着 Web 应用程序可以离线工作,并能提供原生移动应用的体验。它们可以添加到你的智能设备的主屏幕上,甚至可以给你发送推送通知,从而弥补与原生移动应用程序的差距。...我们认为,在 2018 年,渐进式 Web Apps 将变得更加重要,也值得我们去探究。在这里查看相关概述。 聊天机器人 从运行聊天机器人的平台到构建其的框架,现在每个人都在谈论它。...从原始数据中学习的智能计算机系统,正在改变我们与移动设备的交互方式。看样子,机器学习将在 2017 年成为更大的影响因素。...对于 Ruby 来说,Rails 框架是首选的。Rails 5.0 版本已于今年发布,并为 Web Sockets、API 模型等方面提供了支持。...Postgres 适用于大规模、TB 级规模的数据集以及繁忙的 Web Apps,这些优化都是很受欢迎的。 MySQL 8.0 将是数据库的下一个主要版本。

    1.4K00

    React Native推送通知:完整的操作指南

    在这篇文章中,我们将看到如何在React Native应用中创建和发送推送通知。 什么是推送通知? 推送通知是从应用程序发送到已安装该应用的用户的消息或警报。...原生平台特定的通知服务(FCM/APNs) Android和iOS平台都提供了用于接收推送通知的原生平台特定API 适用于安卓设备的Firebase云消息传递(FCM) 苹果推送通知服务(APNs)适用于...然后,我们将在服务器上的数据库中存储该令牌,发送通知,并处理我们发送的已接收到的通知。 在我们深入研究之前,我们将向一个已经开发的项目添加推送通知。...获取推送通知令牌 记住,要在React Native应用程序中使用推送通知,我们首先需要注册应用程序以获取推送通知令牌。在这里,我们将使用Expo中的通知API。...我们还学习了如何在 React Native 应用程序中发送推送通知,方法是添加通知令牌,从服务器发送它们,并使用 Expo 通知 API 在用户设备上显示它们。

    11.1K10

    react-native-easy-app 详解与使用之(三) View,Text,Image,Flatlist

    react-native-easy-app 是一款为React Native App快速开发提供基础服务的纯JS库(支持 IOS & Android),特别是在从0到1的项目搭建初期,至少可以为开发者减少...react-native-easy-app 主要做了这些工作: 1. 对AsyncStorage进行封装,开发者只需几行代码即可实现一个持久化数据管理器。 2....其它用法跟原生组件一致,所有原生属性都支持: XWidget.initResource('https://react-native-easy-app.oss-cn-beijing.aliyuncs.com...不用担心内层包装已经做了处理,将传入的属性和样式做了拆分,属于Text的属性和样式会传给Text,剩下的再传给外层的View 复杂UI(XFLatList) 1、下拉刷新与分页支持 下拉刷新,滚动到底部加载更多数据是很常见的应用场景...1 : this.pageIndex}; XHttp().url(Api.queryAnimations).param(params).get((success, {results, last_page

    3K10

    使用 Mastodon 搭建个人信息平台:前篇

    于是,我开始彻底尝试切换思路,寻找一个上文中提到的,以时间轴为信息展示线索,能够和工具中的 Bot 互动,来记录我的想法、将各种我关注的事件实时汇聚到工具中,能够以简单的命令和方法查询各种系统中已有的数据...技术架构 Mastodon 的技术架构属于比较经典的 Web 架构,主要的功能组件有:前端应用(React SPA)、应用接口(Ruby Rails6)、推送服务(Node Express + WS)、...=db DB_PORT=5432 DB_NAME=postgres DB_USER=postgres DB_PASS=mastodon REDIS_HOST=redis REDIS_PORT=6379...Yes Running `RAILS_ENV=production rails db:setup` ......解决这个问题其实很简单,将静态资源彻底从 Ruby Web 服务中迁出即可:一来可以解决这个问题,二来则可以提升服务整体性能,以及在未来让服务更容易做水平扩展。

    2.4K31

    最受推荐的 9本全栈开发书籍,助web前端开发学习

    最后,你还将了解如何使用Laravel Passport来处理Vue和API之间的经过身份验证的AJAX请求,从而完成整个堆栈结构。...3、《Rails, Angular, Postgres, and Bootstrap》 Rails是构建web应用程序的一个很好的工具,但不是最好的,通过Angular 4、Bootstrap和PostgreSQL...结合可以构建一个功能更加强大的应用,本书涵盖了Postgres 9.5、Rails 5和Ruby 2.3。...5、《Pro MERN Stack》 MongoDB和Express是构建现代Web应用程序的好工具,除了介绍如何用他们构建程序外,本书还将介绍可用于构建Web程序的其他工具,诸如:React Router...Angular 5和ASP.NET Core 2的功能和特性结合在一起,实现全栈开发 通过本书,你将学习如何使用Angular 5的功能,使用Entity Framework Core构建数据模型,使用

    5.7K10

    React Native UI界面还原,组件布局与动画效果

    ,JSX 源码通过 React 框架最终渲染到了浏览器的真实 DOM 中在 React Native 框架中,JSX 源码通过 React Native 框架编译后,通过对应平台的 Bridge 实现了与原生框架的通信...如果我们在程序中调用了 React Native 提供的 API,那么 React Native 框架就通过 Bridge 调用原生框架中的方法。...因为这一过程是纯声明式的,因此还有进一步优化的空间,比如我们可以把这些声明的配置序列化后发送到一个高优先级的线程上运行。配置动画动画拥有非常灵活的配置项。...启用原生动画驱动通过启用原生驱动,我们在启动动画前就把其所有配置信息都发送到原生端,利用原生代码在 UI 线程执行动画,而不用每一帧都在两端间来回沟通。...因此如果你在某个动画中启用了原生驱动,那么所有和此动画依赖相同动画值的其他动画也必须启用原生驱动。原生驱动还可以在Animated.event中使用。

    5.7K20

    慢的不是 Ruby,而是你的数据库

    其中一个 Rails 的问题是它与数据库的高度耦合(也可以说是一种好处)。Rails 专注于掌控数据库的一切。没有数据库,Rails 将毫无用处,甚至可能阻碍工作进展,而不是提供帮助 [2]。...使用 Rails 人性化的 active-record API,很容易忘记你仍然只是在查询一个复杂的关系数据库。它需要微调、调优和调整,以便在合理的时间内为你提供数据。...从内存和代码中填充某个数组,然后从数据库中填充该数组,速度仍然要快一千倍或更多。正如我在第一段中所展示的那样。 所以,该怎么办呢?我采用的一些经验法则是: 在可以避免的情况下,不要使用数据库。...[4] 一个常见的 Rails 应用程序将发送电子邮件,可能会生成 pdf,接收 CSV 或导出 CSV,但所有交互通常都通过 HTTP 进行。...这也是 Ruby 很少在 Rails(和 / 或 Web)之外使用的原因之一。 [7] 令人惊讶的是,从内存中的 SQLite 中查找比从数据库中查找要慢。

    5.5K30

    如何为React Native应用插桩以发送OTel信号

    Native 应用添加监控功能,以便通过 OTLP-HTTP 将数据发送到任何 OpenTelemetry 后端,包括自动监控、自定义追踪和导航流程追踪。...在这篇文章中,我们将逐步讲解如何为 React Native 应用添加监控,以便通过 OTLP-HTTP 将数据发送到任何 OpenTelemetry (OTel) 后端。...但是,通过也将数据发送到 Embrace,您可以利用 Embrace 仪表板的功能来获得更多见解,我们将在本教程的最后深入探讨。 为简便起见,在本教程中我们将重点关注iOS。...在这里,我们将两者都设置为导出到同一个后端。请注意,这两个导出器是独立配置的。如果需要,您可以选择只设置一个,或者您可以将遥测数据发送到不同的可观测性后端位置。...总结 在本演练中,我们介绍了如何检测React Native应用程序以通过OTLP-HTTP将数据发送到任何OTel后端。

    1.4K00

    从零开始构建React Native数字键盘功能

    现代移动应用程序在入门过程中经常涉及一个步骤,你需要输入发送到你的电子邮件或手机号码的验证码 PIN。有时,你需要使用类似于分割 OTP 输入字段的东西来输入 PIN。...我们开始构建我们的React Native应用程序,包含这三个屏幕。...当点击 Keypad 内容时,我们将首先调用 onPress 属性进行检查: 如果按下的按钮的值为 X 。如果是这样,它应该删除数组中的最后一个项目——换句话说,删除最后选择的PIN值。...因此,当有新用户注册你的应用时,你需要: 验证他们用来注册的电子邮件 从你的后端服务发送一次性密码 指导他们到一个包含数字键盘的屏幕,他们可以在那里输入你发送到他们邮箱的一次性密码 现在,用户需要使用数字键盘输入他们收到的...此外,在你的React Native应用程序中安装过多的包会使其变得臃肿。自行构建功能并减少安装的包可以帮助减小应用程序的大小。

    4.1K10

    Claude Code移动开发子代理实战:打造你的全平台APP架构师

    前置阅读推荐:如果你还不了解Claude Code子代理的核心概念,强烈建议先阅读我的上一篇文章《Claude Code子代理完全指南:从0到1构建你的AI编程军团》,它会帮你理解子代理的工作原理和基础配置方法...相机、GPS调用复杂 封装好的原生API调用 1.3 通俗理解移动开发的复杂性 想象你要为不同国家的人做饭: iOS = 日本料理(精致、统一、严格) Android = 中餐(灵活、多样、开放)...中文理解版(带详细注释) --- name: mobile-developer description: 构建iOS和Android高性能应用,支持React Native、Flutter和原生开发。...## 平台技术栈 / Platform Expertise - React Native配合Expo和裸工作流优化 - Flutter与Dart跨平台开发 - iOS原生开发(Swift、SwiftUI...- 相机、GPS和传感器API实现 - 带本地数据库同步的离线功能 - 真机全面测试 - 应用商店合规和审核指南遵守 - 崩溃报告和分析集成 构建让每个平台都感觉原生的移动应用,同时最大化代码重用。

    56310

    Knative 入门系列7:实战演练

    Geocoder 服务 如应用程序体系结构图所示,我们的事件源和前端都将向 Geocoder 服务发送请求,后者将与 Postgres 数据库通信。这将我们的服务置于应用程序的中心位置。...接下来,我们将获取事件源并运行它,以便我们可以开始向新部署的服务发送事件。 USGS 事件源 我们的事件源将负责在指定的时间间隔内轮询 USGS 地震活动的数据,解析它,并将其发送到我们定义的接收器。...剩下的就是创建 示例 7-5 中所示的我们的事件源的 YAML,并创建订阅,以便将事件从通道发送到 示例 7-6 中所示的服务。...,该容器将轮询事件并将它们发送到我们创建的通道中。...,以便将事件通过自定义事件源带到环境中,然后将它们发送到服务中,服务将把它们持久化到 Postgres 数据库中。

    2K30

    如何搭建一个高效安全的API开放平台:完整步骤指南

    在当今数字化时代,API(应用程序编程接口)已成为连接不同系统和服务的桥梁。一个设计良好的API开放平台能够为企业带来巨大的商业价值和技术优势。...本文将详细介绍从零开始搭建一个API开放平台的完整步骤,涵盖技术选型、架构设计、安全防护和运维管理等关键环节。...│ └───────────────┘ └──────────────────┘ 2.2 核心组件选型建议 API网关 Kong: 开源、插件丰富、云原生友好 Apigee: Google...9.6 environment: POSTGRES_USER: kong POSTGRES_PASSWORD: kong POSTGRES_DB: kong...敏感数据加密 响应数据脱敏 最小化返回原则 五、开发者门户建设 5.1 核心功能模块 API文档中心: 交互式文档、代码示例 开发者控制台: 应用管理、密钥管理 沙箱环境: 测试API的隔离环境 支持论坛

    1.5K10
    领券