首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

2023 React 生态系统,以及我的一些吐槽……

缓存设计(TanStack 加载器、TanStack 查询、SWR 等) 自动路由 prefetching Suspense-like 的路由过渡 异步路由元素和错误边界 类型安全的 JSON-first...它最初的创建目的是解决 Redux 中的三个常见问题: "配置 Redux store 太复杂" "我必须添加很多包才能让 Redux 有用" "Redux 需要太多样板代码" 尽管我们不能解决所有用例...使用结构共享对查询结果进行记忆化 如果你对这个列表不感到压力,那可能意味着你已经解决了所有服务器状态问题,并且值得获得奖励。...RTK Query 从先驱解决数据获取问题的其他工具( Apollo Client、React Query、Urql 和 SWR)中获得灵感,但在其 API 设计中增加了独特的方法: 数据获取和缓存逻辑是构建在...UI 层一起使用 API 端点是预先定义的,包括如何从参数生成查询参数和将响应转换为缓存的方式 RTK Query 还可以生成封装整个数据获取过程的 React hooks,为组件提供数据和 isLoading

59630

REST API 设计最佳实践:如何构建、设计和使用 API ?

在我的职业生涯中有很大一部分时间都参与了构建、设计和使用API 的项目。我见过的大多数API 都“声称” 是 “符合REST原则”的——意味着遵循 REST 架构的原则和约束。...我将注意到:param 是一个URI参数(ID或缩写)的占位符,你第一个想法可能是创建类似于这个的端点: GET: /books/:slug/generateBookCover/ 但是,在这里GET方法在语法上足以说明我们正在获取...所以,让我们只使用: GET: /books/:slug/bookCover/ 同样,对于创建新书的端点: #Don’t do this POST: /books/createNewBook/ #Do...使用复数名词表示资源 我们应该使用 /book/:id/ (单数) 还是 /books/:id/ (复数)?我个人建议使用复数形式。为什么?因为它非常适合所有类型端点。...最简单类型的分页就是按页码进行分页,它由page和page size确定。现在问题来了:如何将这样的功能融入REST API? 我的答案是:使用查询字符串(querystring)。

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

实践微服务,第14部分:GraphQL

内容 概述 GraphQL graphql-go的模式,字段和类型 解析函数 查询 单元测试 通过HTTP提供服务 概要 源代码 完成的源代码可以从GitHub克隆: > git clone https...“accountservice”,该端点将按照我们将在Go代码中定义的graphql模式来响应请求。...3.1模式,类型和字段 模式定义了可以在GraphQL查询使用类型和字段。GraphQL不受任何特定的DSL或编程语言的束缚。...3.2将模式放在一起 为了让客户能够获取账户对象,我们需要创建一个由SchemaConfig组成的模式,其中包含一个指定可查询字段的RootQuery。...除了一些重构,确保我们的旧/account/ {accountId}HTTP端点使用和的新的用GraphQL解析函数“”fetchAccount”函数相同的代码来获取帐户对象之外,没有新的东西。

2.5K40

如何使用 Swift 中的 GraphQL

本周,我们将讨论 GraphQL 的好处,并学习如何在 Swift 中使用它。基础知识首先介绍一下 GraphQL。GraphQL 是一种用于 API 的查询语言。...通常,后端开发人员或网络服务会为你提供一个模式文件和一个 GraphQL 端点。模式文件包含所有你可以使用端点进行的类型查询。让我们来看一个模式文件的例子。...这些类型定义了当前 GraphQL 端点支持的所有查询和变更操作。模式文件还描述了你可以在查询使用的所有类型的列表。...我使用星球大战 API 来向你展示本文中的示例。让我们继续进行一些查询。你可以通过 GraphiQL 应用轻松玩转 GraphQL API,使用以下端点。...这个脚本下载模式并为你的查询生成 Swift 类型。你可以在这个脚本中轻松更改 GraphQL 端点以连接到你的 GraphQL 后端。我们已准备好使用 ApolloGraphQL 的项目。

11122

MySQL中的表设计优化

尽量使用可以正确存储数据的最小的数据类型。在数据类型选择上尽量选择够用的数据类型,避免选择大存储空间的数据类型浪费磁盘、内存和CPU缓存空间,并且处理时也需要更长的CPU周期,处理速度慢。...尽量使用简单的数据类型。简单的数据类型的操作通常需要更少的CPU周期。例如,整型比字符型操作代价更低。 尽可能使用NOT NULL定义字段。...NULL值不利于索引,MySQL难以优化可为NULL的列查询。当可为NULL的列被索引时,每个索引记录需要一个额外的字节用于标识其是否可空。如果某列计划要创建索引,要尽量避免将其设计成可为NULL。...表单分 通常情况下,随着时间的推移及业务量的增大,数据库中的数据会越来越多。而单张表的存储数量有限,当数据达到几百万甚至上千万条的时候,即使使用索引查询,效率也会非常低。...垂直拆分时可以考虑如下原则: 经常一起使用的字段放在一个表中。 不常用的字段单独放在一个表中。 大字段单独放在一个表中。 垂直拆分时要注意,主键列要在每一个表中都冗余出现,以作为这些表的连接条件。

12710

python 序列的高级用法

,逻辑更加清晰简练,他可以十分简洁的实现可迭代类型的元素过滤或加工,并创建出一个新列表。...注意 但需要注意的是,不要滥用列表推导: 只把创建新列表的工作交给列表推导 如果列表推导超过两行,不如改为使用 for 循环 4. lambda 表达式 — filter 与 map filter 与...【_fields】 — 类属性,包含具名元组所有字段名称的元组 【_make()】 — 通过接受一个可迭代对象生成类实例, City....序列类型的比较 序列类型有很多,虽然大部分人在大部分时间都喜欢使用 list,但要知道某些时候你还有更好的选择: list — 最常用的序列类型使用方便,尤其在元素的添加、随机读取和遍历等方面 tuple...— 元组,不可变的序列类型 set — 不重复的元素集合,对包含操作(检查一个元素是否在集合中)有着特殊优化,这类操作的效率会非常高 array.array — 对于 float 对象存储的是字节码表述

84230

如何将 Spring Boot Actuator 的指标信息输出到 InfluxDB 和 Prometheus

以下查询返回最近3分钟内收集的测量值列表。 您所见, SpringBootActuator生成的所有指标都标有以下信息: method, uri, status和 exception。...由于这些标签,我们可以轻松地为每个信号端点分组指标,包括失败和成功百分比。我们来看看如何在 Grafana中配置和查看它。...如果我们按方法类型和 uri 过滤存储在表 http_server_requests 中的统计信息,我们将收集每个端点生成的所有度量标准。 应为其他端点创建类似的定义。我们将在一张图上说明它们。...如果两个容器都分配到同一网络,则它们可以使用容器的名称作为目标地址相互连接。 Dockerfile位于示例应用程序源代码的根目录中。...由于标签指示了 HTTP请求的uri,类型和状态,因此与HTTP流量相关的指标更加详细,并且可以轻松地与特定端点关联。

4.9K30

GraphQL最突出的架构优势是什么?

在开发工作早期,我们完全可以使用一个端口的内存内实现。 通过依赖注入方法,这种架构还会让开发人员优先编写可以测试的代码。这样我们就可以尽可能地减少可能导致代码不可测试的具体依赖项。...使用 GraphQL Playground,可以浏览 GraphQL 端点的所有功能。...由于具备执行自省查询的能力,所以 GraphQL Playground 的 GraphQL 资源管理器可以显示 GraphQL 端点的所有功能 在 REST 领域中,我只看到了使用 Swagger 构建的...这是一项非常强大的特性,它不仅让代码成为了文档的唯一真实来源,而且为我们提供了通过代码生成来自动创建 TypeScript 类型、客户端库或服务到服务通信的基础。...基础架构组件并不是大多数 Web 开发项目的重心,因此我们应该将大部分时间用于应用程序和域层代码

2.1K20

Promethues 之 Thanos

Ops工作啊「哪怕写了自动化脚本,回车还是要人敲的吧」,完了看着不错哦,但是另外的问题来了,要通知Dev我们了地址变了,随之而来的是大量的通知「心很累」。...为了无限期存储数据,Prometheus提供了一个远程端点,用于将数据写入另一个数据存储区。不过,在使用这种方法时,数据去重是个问题。...其他解决方案(Cortex)提供了一个远程写入端点和兼容的查询API,实现可伸缩的长期存储。...「把原有OOM过一次」,建议还是先了再搞。...定义到接口是Pull还是Push,规范最重要,生产线能流畅的运转不是代码写的有多好「当然这个也很重要」,是各个接口之间的规范、文档、代码中的注释、要不换了人撸你代码、搞你系统的时候咋弄。

1.7K60

【Java 基础篇】Java 自动装箱与箱:优雅处理基本数据类型与包装类的转换

这意味着,你可以将一个 int 类型的值直接赋值给 Integer 类型的变量,而无需显式创建 Integer 对象。...,展示了如何在基本数据类型和包装类之间转换,这些示例演示了如何使用自动装箱和箱来进行基本数据类型与包装类之间的转换,使代码更加简洁和易读。...更容易使用集合类: 自动装箱和箱使得将基本数据类型放入集合类( ArrayList)变得更加容易,而无需手动转换。...以下是一些常见的用例: 集合类操作: 将基本数据类型添加到集合类中, ArrayList。 泛型编程: 在泛型类或方法中使用基本数据类型和包装类。...了解和熟练使用自动装箱和箱是 Java 编程的重要一环。它们可以使你的代码更加简洁和易读,同时避免了很多类型转换的烦恼。

57220

基于语义地图的单目定位用于自动驾驶车辆

首先通过使用摄像头或激光雷达传感器检测语义对象(地面标记、车道线和电线杆)离线构建语义地图。然后通过语义特征与地图对象的数据关联进行在线视觉定位。...从装备有激光雷达、GPS-RTK和IMU或其他导航传感器的车辆收集的道路数据中,利用激光雷达SLAM创建点云地图。从点云中提取车道线、车道标志和类似杆状物体等语义特征以构建语义地图。(2) 定位模块。...我们使用卷积神经网络(CNN)从摄像头捕获的图像中提取语义信息。通过逆透视映射(IPM)使用地面像素(地标、人行横道、车道线)构建局部地图,并与全局地图对齐。...将语义地图上的类似杆状物体(树干、路灯、交通灯和广告牌的杆)投影到图像上以创建线匹配。通过最小化全局重投影误差,可以获得车辆的六自由度(6-DOF)位姿。 图1....该数据集由我们配备前视摄像头、激光雷达、GPS-RTK和IMU的自动驾驶汽车收集。我们使用激光雷达数据构建点云地图,并将GPS-RTK视为定位的地面真值。 图 7. 实验结果的说明。

14710

【深入浅出C#】章节 2:数据类型和变量:类型转换和类型推断

由于装箱和箱操作涉及到内存开销和性能损耗,所以在性能敏感的代码中,应尽量避免频繁进行装箱和箱操作,可以通过使用泛型和避免不必要的类型转换来优化代码。...使用 var 关键字可以使代码更简洁、可读性更高,尤其在与匿名类型、LINQ 查询等结合使用时,可以显著简化代码。...LINQ 查询使用 var 来存储查询结果,可以使代码更加简洁易读。 匿名类型:当创建一个包含一组属性的匿名类型时,使用 var 可以避免重复写出长长的类型名称。...匿名类型使用场景 查询结果的临时存储:当使用 LINQ 查询或数据库查询等操作时,可以将查询结果存储在匿名类型中,以便在稍后的代码使用。这样可以避免创建具名的临时类型使用元组来存储结果。...只在必要时进行类型转换,而不是为了追求更简洁的代码而过度转换类型使用安全的类型转换操作符:在进行显式类型转换时,使用安全的类型转换操作符(as操作符和is操作符)可以避免运行时异常。

31510

OAuth2.0 OpenID Connect 一

通常,您通过使用 HTTP GET 访问端点来启动 OIDC 交互/authorization。许多查询参数指示您在验证后期望返回的内容以及您将有权访问的内容(授权)。...考虑因素包括应用程序的类型基于 Web 或本机移动应用程序)、您希望如何验证令牌(在应用程序中或在后端)以及您希望如何访问其他身份信息(进行另一个 API 调用或拥有它直接编码成令牌)。...共有三个主要流程:授权代码、隐式和混合。response_type这些流由请求中的查询参数控制/authorization。在考虑使用哪种流程时,请考虑前台渠道与后台渠道的要求。...此代码稍后可以交换 anaccess_token和 an id_token(暂时挂起,稍后我们将更深入地讨论令牌。)当您将“中间件”作为体系结构的一部分时,此流程很有用。...2012 年发布OAuth 2.0 规范时,它定义了令牌类型(例如访问和刷新令牌),但它有意避免规定这些令牌的格式。 2015 年,JWT 规范发布。它提议创建对其他信息进行编码的令牌。

34630

应该如何正确理解BFF架构设计?

比如同一个界面可能同时存在社区版、极速版、专业版,一个界面要展示多种数据,要连接的设备也层出不穷小程序、APP、网页、客户端等等。...我们只需要在BFF层面进行业务判断处理,但是多个端共用一个BFF,也会导致代码编写复杂度增高、代码可阅读性降低、多端业务耦合。...我们为每一个端点都提供一个对应的 BFF,每个端点的BFF处理自身的业务逻辑,需要数据时从基础服务内获取,然后在接口返回之前进行组装数据用于实例化返回对象。...这样基础服务如果有新功能添加,BFF几乎不会受到影响,而我们如果后期对端点进行处理时,我们只需要对应调整(新增、删减)BFF 即可,基础服务同样也不会受到影响。...深挖一下果然不简单 PHP 中数组是如何灵活支持多数据类型的?

89510

2021年11个最佳无代码代码后端开发利器

它允许创建一个基于电子表格的数据库,而不需要写代码的麻烦。此外,它是一种快速和灵活的方式来组织数据表(被称为基地)。 它包含诸如计算字段的功能。它们是特殊的字段类型,Airtable处理数值的计算。...在使用Supabase时,你将在其图形用户界面(GUI)中度过大部分时间。它还提供了一个SQL编辑器,你可以用它来编写自定义的SQL查询,以操作表中的数据。...它根据创建的模式,为每个数据表自动生成随时可用的REST API端点。Xano生成的每个端点都可以使用其无代码API生成器进行定制。 开始使用Xano很容易。一旦你登录,不需要很多配置。...它还提供了创建自定义函数来查询数据库的能力,而无需编写一行代码。这样一个平台的灵活性和可扩展性使它成为最简单的后端之一,可以开始使用。...它还支持绝大多数的数据类型字符串、数字、文件等。 它有一个内置的网页生成器界面,可以自由连接到任何其他低代码或无代码工具。

12.5K20

为什么GraphQL是API的未来

使用 REST API,通常会看到许多带有 v1 或 v2 的 API。这些在 GraphQL 中并不需要,因为你可以通过添加或删除类型来改进 API。 在GraphQL中,你所需要做的就是写新代码。...可以编写新类型查询和修改,而无需维护其他版本的API。...GraphQL仅需要一个端点 正如我上面所说,“单端点”方法使你的 API 能够自我描述,你不再需要再去构建文档,因为你的程序员已经知道应该如何使用。他们只需查看代码即可了解API。...在2018年11月,GraphQL 与 Linux Foundation 合作创建了一个 GraphQL Foundation。这种查询语言鼓励其开发人员创建更多的文档、工具和语言支持。...在本系列的下一篇教程中,我将深入研究 GraphQL,展示 GraphQL 如何与类型一起工作,并创建我们的第一个查询和修改。 所以请继续关注并希望在下一个教程中见到你!

1.6K30
领券