小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
沉浸式翻译 immersive translate
Dify.AI
如何在不生成代码的情况下使用tRPC和Hono实现类型安全

在更新后端API属性名时,若未同步前端,可能导致生产崩溃。tRPC和Hono提供了更好的解决方案,实现前后端的类型安全,减少运行时错误,提高开发效率,使开发者能更快构建全栈TypeScript应用。

如何在不生成代码的情况下使用tRPC和Hono实现类型安全

freeCodeCamp.org
freeCodeCamp.org · 2026-01-12T17:53:20Z
我为何从服务器操作迁移到tRPC

作者在Next.js应用中尝试不使用tRPC,发现静态页面可行,但动态数据的分页、过滤和排序依赖tRPC。tRPC与TanStack Query结合,简化数据获取和重新获取,提升页面加载速度。使用Server Actions时遇到并行请求问题,因此作者选择继续使用tRPC进行数据查询和变更。

我为何从服务器操作迁移到tRPC

DEV Community
DEV Community · 2025-04-18T08:29:57Z
我如何使用tRPC和Next.js 15更快地构建全栈TypeScript应用程序

使用tRPC和Next.js 15构建全栈应用程序,实现端到端的类型安全API,无需REST或GraphQL架构。通过简单步骤创建项目、安装依赖、设置后端和客户端,快速开发和调试。

我如何使用tRPC和Next.js 15更快地构建全栈TypeScript应用程序

DEV Community
DEV Community · 2025-04-13T02:35:14Z
什么是tRPC?如何在React项目中使用它?

tRPC是一个现代RPC框架,允许开发者使用TypeScript在全栈应用中创建类型安全的API。它结合了REST和GraphQL的优点,简化了API调用。通过安装依赖、设置服务器和客户端,开发者可以在React组件中使用tRPC钩子,确保类型安全,提高开发效率。

什么是tRPC?如何在React项目中使用它?

DEV Community
DEV Community · 2025-04-04T13:09:24Z
将tRPC与SvelteKit集成

tRPC 11通过Fetch API简化了与SvelteKit的集成。创建SvelteKit项目后,安装tRPC依赖,定义后端路由和服务器端点,最后在组件中使用类型安全的API,几乎只需几个文件即可构建完整的类型安全API。

将tRPC与SvelteKit集成

DEV Community
DEV Community · 2025-03-29T08:25:27Z
一名Springboot开发者对使用TRPC的看法

作者回顾了构建SaaS的经历,发现之前的技术栈过于复杂。现在,他简化了技术栈,采用NextJS前后端和Postgres数据库,享受无缝的前后端代码转换和类型安全。

一名Springboot开发者对使用TRPC的看法

DEV Community
DEV Community · 2025-03-24T16:40:05Z
使用Clerk、Prisma、tRPC、Tanstack Query、Zod和Tailwind创建Next.js应用

本教程介绍如何使用Next.js、Clerk、Prisma和tRPC构建一个简单的博客应用。该应用支持用户认证,利用Prisma管理数据库,并通过tRPC实现类型安全的API,功能包括创建和显示帖子,用户通过Clerk进行身份验证。完成后将拥有一个完整的博客平台。

使用Clerk、Prisma、tRPC、Tanstack Query、Zod和Tailwind创建Next.js应用

DEV Community
DEV Community · 2025-02-28T23:37:12Z
本周React动态 #222 : CRA, React Router, captureOwnerStack, TanStack, CTRA, tRPC, Astro, Preact | RN 0.78, React 19...

React和React Native团队本周发布博客,宣布CRA已弃用,React Native 0.78支持React 19,并庆祝新闻通讯五周年。团队建议使用Next.js等框架替代CRA。

本周React动态 #222 : CRA, React Router, captureOwnerStack, TanStack, CTRA, tRPC, Astro, Preact | RN 0.78, React 19...

DEV Community
DEV Community · 2025-02-21T13:47:12Z
在Next.js和tRPC中使用Resend实现邮箱验证系统

本文介绍了如何在使用tRPC和Next.js构建的全栈应用中实现用户注册的邮箱验证。通过向用户邮箱发送一次性密码(OTP)来验证其真实性。文章详细阐述了后端实现步骤,包括用户模型修改、使用Resend发送邮件、生成和验证OTP等,同时展示了前端注册流程中添加OTP输入的步骤,旨在提升用户体验。

在Next.js和tRPC中使用Resend实现邮箱验证系统

DEV Community
DEV Community · 2025-02-03T19:17:29Z
在tRPC后端实现基于Cookie的JWT认证

本文介绍了在Next.js和tRPC构建全栈应用时实现电子邮件和密码认证的方法,强调认证的重要性,并解释了访问令牌和刷新令牌的概念。通过创建用户模型、设置Redis存储以及实现登录、注册、刷新令牌和注销功能,确保用户数据安全。最后,建议使用Postman测试API以验证功能。

在tRPC后端实现基于Cookie的JWT认证

DEV Community
DEV Community · 2025-01-16T18:56:59Z
使用tRPC和Next.js应用程序设置Drizzle与Postgres

本文介绍了如何使用Drizzle ORM将Postgres数据库连接到tRPC Express后端,并创建简单的财务跟踪应用程序。首先,设置数据库连接,创建事务模块,定义事务模式并运行迁移以创建表。接着,添加处理新事务的业务逻辑,并通过tRPC创建端点。最后,集成前端与后端,利用tRPC简化数据查询和变更。

使用tRPC和Next.js应用程序设置Drizzle与Postgres

DEV Community
DEV Community · 2024-12-25T14:28:37Z
如何在2024年使用现代技术栈(React、tRPC和Express)创建Web应用

TER是一个简化全栈Web应用开发的工具栈,强调易用性和高效性,支持静态文件部署,适合内部工具和数据驱动应用。它结合了tRPC、Express、React和Drizzle ORM,确保类型安全和灵活性,提升开发者生产力。

如何在2024年使用现代技术栈(React、tRPC和Express)创建Web应用

DEV Community
DEV Community · 2024-12-08T23:08:56Z
在 tRPC 脚本中使用 rollup-plugin-analyzer

本文介绍了如何使用 rollup-plugin-analyzer 插件分析 tRPC 源代码中的包大小变化,包括包大小、模块数量等信息。该分析在构建包时进行,帮助开发者理解代码更改对包大小的影响。

在 tRPC 脚本中使用 rollup-plugin-analyzer

DEV Community
DEV Community · 2024-10-25T19:44:17Z
tRPC源代码中的analyzeSizeChange脚本

本文概述了trpc源代码中的analyzeSizeChange脚本,主要用于分析模块大小变化并记录新模块和差异。核心函数analyzeSizeChange调用onAnalysis处理变化,logNewModule和logDifference用于记录新模块和重要变化,最终通过logGithubMessage输出日志。

tRPC源代码中的analyzeSizeChange脚本

DEV Community
DEV Community · 2024-10-24T18:39:37Z

本文介绍了作者在使用Effect和tRPC进行开发项目时遇到的问题。作者发现tRPC与Effect模式转换不兼容,导致输入和输出类型无法正确推断。为了解决这个问题,作者手动进行了数据编码和解码,但这种方法容易出错。文章还介绍了Effect的RPC层和创建RPC路由的步骤,以及在客户端和服务器端处理RPC请求的方法。最后,作者建议在客户端使用自定义的HTTP客户端,并提供了一些代码示例。

如何在Next.js应用路由中用Effect RPC替换tRPC

DEV Community
DEV Community · 2024-08-21T08:04:39Z
什么是 tRPC 库?通过示例项目进行解释

tRPC是一种类型安全的RPC库,使用TypeScript集成了RPC和REST API,可以替代REST和Fetch。它通过创建和调用API来简化开发,并提供类型安全性。tRPC使用Zod库来构建每个路由的数据模式,并在前后端之间进行类型安全的集成。使用tRPC需要一些先决条件,如中级JavaScript和React知识,熟悉Fetch和REST API,以及使用终端和NPM命令的经验。

什么是 tRPC 库?通过示例项目进行解释

freeCodeCamp.org
freeCodeCamp.org · 2024-07-11T19:09:18Z
腾讯 tRPC-Go 框架核心实现源码解读

本文介绍了腾讯开源的高性能、跨多种编程语言、插件化的RPC框架tRPC-Go的核心实现原理。框架具有清晰的组件划分和高度的灵活性、可扩展性。文章详细解析了框架的整体架构设计、核心模块及应用、序列化与压缩、消息编解码、链路透传原理和拦截器等内容。

腾讯 tRPC-Go 框架核心实现源码解读

Hackerpie
Hackerpie · 2023-12-19T12:01:18Z

用 tRPC 和 Vue 搭建一个 monorepo 全栈项目

tRPC 配合 Vue 构建端到端类型安全的全栈方案简介

OK Computer「好电脑」
OK Computer「好电脑」 · 2023-10-07T06:55:23Z
超级组合!NestJS + tRPC 与CSR绝佳搭档React Query,开启全新开发时代!

本文介绍了如何在 NestJS 项目中集成 tRPC,利用 TypeScript 的类型系统实现客户端与服务端之间的通信过程并提供高效的类型安全。文章详细介绍了如何在 NestJS 中接入 tRPC,以及如何分业务模块定义 tRPC Router,并使用全自动收集依赖,导致类型寄了。最后,文章介绍了如何在 React 项目中初始化 tRPC client,并使用 tRPC。

超级组合!NestJS + tRPC 与CSR绝佳搭档React Query,开启全新开发时代!

静かな森
静かな森 · 2023-09-25T13:39:21Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码