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

写在 2021: 值得关注学习的前端框架和工具库

对于我认为较为主流的则不会包含(Vue与React框架本身这种~)。...还提供了中间件(注意和服务端框架的中间件区分)、鉴权(推荐GraphQL API的鉴权只使用它提供的)、扩展、指令、联合类型等。作者也很厉害,提供了和NestJS以及Prisma各自的集成包。...GraphQL-Code-Generator[48],很强大的工具,从.graphql文件到语言可以直接使用的方法/类型定义,这个思想实际上各个语言都有,Dart和Ruby等。...在TS这个工具的主要能力就是生成TS的类型定义,同时它的插件体系还提供了更多的额外能力,Apollo-Client的插件,让你可以直接使用封装好的的useXXXQuery等,前端连查询语句都不用写了...LowDB[100],demo中常用的JSON数据库,亮点在使用Lodash的API来操作数据库。

4.2K10

写在2021: 值得关注学习的前端框架和工具库

对于我认为较为主流的则不会包含(Vue与React框架本身这种~)。...还提供了中间件(注意和服务端框架的中间件区分)、鉴权(推荐GraphQL API的鉴权只使用它提供的)、扩展、指令、联合类型等。作者也很厉害,提供了和NestJS以及Prisma各自的集成包。...GraphQL-Code-Generator,很强大的工具,从.graphql文件到语言可以直接使用的方法/类型定义,这个思想实际上各个语言都有,Dart和Ruby等。...在TS这个工具的主要能力就是生成TS的类型定义,同时它的插件体系还提供了更多的额外能力,Apollo-Client的插件,让你可以直接使用封装好的的useXXXQuery等,前端连查询语句都不用写了...LowDB,demo中常用的JSON数据库,亮点在使用Lodash的API来操作数据库。

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

    适用于Node.js和TypeScript的完整ORM —— Prisma

    一个对象关系映射的新范例 Prisma 是适用于 Node.js 和 TypeScript 的下一代开源ORM。...在 Prisma schema 数据建模 使用 Prisma 时,您可以在 Prisma 模式定义数据模型。...使用 Prisma Migrate 进行数据库迁移 Prisma Migrate 将 Prisma 模式转换为所需的 SQL,以创建和更改数据库的表。...使用 Prisma Client 进行直观且类型安全的数据库访问 与 Prisma Client 一起使用的主要好处是,它使开发人员可以在对象中进行思考,因此提供了一种熟悉且自然的方式来推理其数据。...以下是一些使用 Prisma 的高级框架的选择: RedwoodJS——基于 React 和 GraphQL 的全栈框架 Blitz——基于 Next.js 的全栈框架 KeystoneJS——无头 CMS

    1.8K50

    【译】适用于Node.js和TypeScript的完整ORM —— Prisma

    一个对象关系映射的新范例 Prisma 是适用于 Node.js 和 TypeScript 的下一代开源ORM。...在 Prisma schema 数据建模 使用 Prisma 时,您可以在 Prisma 模式定义数据模型。...使用 Prisma Migrate 进行数据库迁移 Prisma Migrate 将 Prisma 模式转换为所需的 SQL,以创建和更改数据库的表。...使用 Prisma Client 进行直观且类型安全的数据库访问 与 Prisma Client 一起使用的主要好处是,它使开发人员可以在对象中进行思考,因此提供了一种熟悉且自然的方式来推理其数据。...以下是一些使用 Prisma 的高级框架的选择: RedwoodJS——基于 React 和 GraphQL 的全栈框架 Blitz——基于 Next.js 的全栈框架 KeystoneJS——无头 CMS

    1.8K01

    如何将NextJs的File docx保存到Prisma ORM

    背景/引言在现代 Web 开发,Next.js 是一个备受欢迎的 React 框架,它具有许多优点,:服务器端渲染 (SSR):Next.js 支持服务器端渲染,可以提高页面加载速度,改善 SEO,...在本文中,我们将探讨如何在 Next.js 应用处理上传的 Word 文档 (.docx) 文件,并将其内容保存到 Prisma ORM 。...处理文件上传在NextJs使用multer中间件来处理文件上传。创建一个API路由来接收上传的文件。...示例爬取数据并存储到Prisma示例代码展示如何使用上述代理IP配置,从外部源爬取数据,并将其存储到Prisma ORM。...}};export default handler;结论本文介绍了如何在NextJs处理docx文件上传,并将其存储到Prisma ORM

    13010

    GraphQL 从入门到实践

    对象类型:用户在 schema 定义的 type 标量类型GraphQL 内置有一些标量类型 String、Int、Float、Boolean、ID,用户也可以定义自己的标量类型 比如在 Schema...一些常用的解决方案 Apollo 可以帮省略一些简单的解析函数,比如一个字段没有提供对应的解析函数时,会从上层返回对象读取和返回与这个字段同名的属性。...query { me { name } } Get 是将请求内容放在 URL ,Post 是在 content-type: application/json 情况下,将 JSON 格式的内容放在请求体里...,详细用法可以参考 Prisma 文档 ?...---- 网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程的总结,如果发现错误,欢迎留言指出~ 参考: GraphQL | 一种为你的 API 而生的查询语言 JSON-RPC

    2.5K31

    Typescript 全栈最值得学习的技术栈 TRPC

    知道了请求的数据类型与响应的数据类型,会为得到的 json 数据定义 type/interface,使其有更好的类型提示?...因此我个人所认为的未来 Web 框架形态是要满足的前提就是前后端类型统一,即可以将后端的类型无缝的给前端使用,反之同理。而像 Next、Nuxt 这样的全栈框架便是趋势所向。...而本次所要介绍的技术栈 tRPC 就能够帮你省去重复的类型定义的一个 web 全栈框架。...tRPC 可以作为 REST/GraphQL 的替代品,如果前端与后端共享代码的 TypeScript monorepo,trpc 则可以无需任何类型转换,也不太会有心智负担。...在我印象,RPC 框架通常是可以跨语言进行调用的,比如 gRPC 框架,然而tRPC 目前只能在 Typescript 项目中进行调用,我倒是希望能向 gRPC 那个方向发展,不过不同语言间的类型安全又是个大麻烦

    3.1K51

    Typescript 全栈最值得学习的技术栈 TRPC

    知道了请求的数据类型与响应的数据类型,会为得到的 json 数据定义 type/interface,使其有更好的类型提示?...因此我个人所认为的未来 Web 框架形态是要满足的前提就是前后端类型统一,即可以将后端的类型无缝的给前端使用,反之同理。而像 Next、Nuxt 这样的全栈框架便是趋势所向。...而本次所要介绍的技术栈 tRPC 就能够帮你省去重复的类型定义的一个 web 全栈框架。...tRPC 可以作为 REST/GraphQL 的替代品,如果前端与后端共享代码的 TypeScript monorepo,trpc 则可以无需任何类型转换,也不太会有心智负担。...在我印象,RPC 框架通常是可以跨语言进行调用的,比如 gRPC 框架,然而tRPC 目前只能在 Typescript 项目中进行调用,我倒是希望能向 gRPC 那个方向发展,不过不同语言间的类型安全又是个大麻烦

    1.9K20

    30分钟理解GraphQL核心概念

    技术的读者 这些概念并不局限于服务端或者是客户端,如果你熟悉这些概念,在接触任意使用GraphQL作为技术背景的库或者框架时,都可以通过文档很快的上手。...值得注意的是,GraphQL可以通过Scalar声明一个新的标量,比如: prisma(一个使用GraphQL来抽象数据库操作的库),还有DateTime和ID这两个标量分别代表日期格式和主键 在使用...Note: 为了方便区分,Query特指GraphQL的查询(包含三种类型),query指GraphQL的查询类型(仅指查询类型) Query 上面所提及的3基本查询类型是作为Root Query...如果是想使用GraphQL本身做系统开发,这里推荐了解一个叫做prisma框架,它本身是在GraphQL的基础上构建的,并且与一些GraphQL的生态框架兼容性也较好,在各大编程语言也均有适配,它本身可以当做一个...偏向客户端 偏向客户端方向的话,需要进一步了解关于graphql-client的相关知识,我这段时间了解的是apollo,一个开源的grapql-client框架,并且与各个主流前端技术栈Angular

    2K40

    使用 NextJS 和 TailwindCSS 重构我的个人博客

    {js,ts,jsx,tsx}']打包时只会提取使用到的样式,让应用css最小化。 4、之前写了《使用 CSS variables 和Tailwind css实现主题换肤》也运用到了我的博客。...—— 下一代 ORM 框架 Nodejs 框架访问数据库,往往会需要一个ORM 框架来帮我们管理数据层代码,而在 Node.js 社区,sequelize、TypeORM 等框架都被广泛应用,而 prisma...Prisma 是一种新的 ORM,它缓解了传统 ORM 的许多问题,例如: 模型实例的膨胀、业务与存储逻辑的混合、缺乏类型安全性或由延迟加载引起的不可预测查询。...它使用 Prisma Schema,以声明的方式定义应用程序模型。然后使用 Prisma Migrate 命令, Prisma Schema 会生成 SQL 迁移并根据数据库执行它们。...Prisma CRUD 查询由 Prisma Client 提供,这是一个针对 Node.js 和 TypeScript 的轻量级且完全类型安全的数据库客户端。

    2.6K20

    使用 NextJS 和 TailwindCSS 重构我的博客

    4、之前写了《使用 CSS variables 和 Tailwind css 实现主题换肤》也运用到了我的博客。...—— 下一代 ORM 框架 Nodejs 框架访问数据库,往往会需要一个 ORM 框架来帮我们管理数据层代码,而在 Node.js 社区,sequelize、TypeORM 等框架都被广泛应用,而...Prisma 是一种新的 ORM,它缓解了传统 ORM 的许多问题,例如: 模型实例的膨胀、业务与存储逻辑的混合、缺乏类型安全性或由延迟加载引起的不可预测查询。...它使用 Prisma Schema,以声明的方式定义应用程序模型。然后使用 Prisma Migrate 命令, Prisma Schema 会生成 SQL 迁移并根据数据库执行它们。...Prisma CRUD 查询由 Prisma Client 提供,这是一个针对 Node.js 和 TypeScript 的轻量级且完全类型安全的数据库客户端。

    2.3K20

    何在纯 JavaScript 中使用 GraphQL

    我们来看一个不使用特殊库的简单示例(请注意,我确实使用了 dotenv 来获取用于访问我 StepZen 后端的 API 密钥)。在这个示例,我仅传递了一个 query,该查询在发送前需要字符串化。...然后它会获取结果并将其显示在浏览器。尽管这对 GraphQL 调用来说并不重要,但我使用 js-beautify 正确格式化了要显示的 JSON 结果,然后使用 Prism 给它上了色。...显然,一般来说你不会想要简单地向用户显示查询结果,因此让我们看一下如何使用返回的数据。 使用 GraphQL 查询响应 GraphQL 的一大优点是,它的响应只是纯 JSON,因此数据使用起来很容易。...此外,许多工具具备很容易和前端框架(例如 React、Vue、Angular)集成的能力。...Request https://github.com/prisma-labs/graphql-request 作者介绍 Brian Rinaldi 是 StepZen 的一位开发倡导者。

    3.5K10

    30分钟理解GraphQL核心概念

    技术的读者 这些概念并不局限于服务端或者是客户端,如果你熟悉这些概念,在接触任意使用GraphQL作为技术背景的库或者框架时,都可以通过文档很快的上手。...值得注意的是,GraphQL可以通过Scalar声明一个新的标量,比如: prisma(一个使用GraphQL来抽象数据库操作的库),还有DateTime和ID这两个标量分别代表日期格式和主键 在使用...Note: 为了方便区分,Query特指GraphQL的查询(包含三种类型),query指GraphQL的查询类型(仅指查询类型) Query 上面所提及的3基本查询类型是作为Root Query...如果是想使用GraphQL本身做系统开发,这里推荐了解一个叫做prisma框架,它本身是在GraphQL的基础上构建的,并且与一些GraphQL的生态框架兼容性也较好,在各大编程语言也均有适配,它本身可以当做一个...偏向客户端 偏向客户端方向的话,需要进一步了解关于graphql-client的相关知识,我这段时间了解的是apollo,一个开源的grapql-client框架,并且与各个主流前端技术栈Angular

    98120

    声明式数据建模、定义简单易懂:下一代 ORM 助你效率倍增 | 开源日报 No.102

    :为 Node.js 和 TypeScript 自动生成的类型安全查询构建器 Prisma Migrate:声明式数据建模和迁移系统 Prisma Studio:用于查看和编辑数据库数据的 GUI 界面...这可以是 REST API、GraphQL API、gRPC API 或其他需要数据库支持的项目。...关键特点与核心优势: 自动生成并且类型安全:使用 Prismia 客户端进行查询时,可以获得完整地代码提示,并确保不会访问不存在属性。...主要功能: 创建并与浏览器或通过短信进行文本聊天的 AI 伴侣互动 确定您伴侣的个性和背景故事 提供了 ChatGPT 和 Vicuna 上运行的多种类型 (恋爱、友谊、娱乐等) AI 伴侣模型选择...使用相似度搜索来检索对话内容以提供更深入有趣的交流体验 在队列中保留对话记录,并将其包含在提示以实现一定程度上记忆式会话 binpash/try[6] Stars: 4.6k License: MIT

    24910

    Go 语言学习指南:变量、循环、函数、数据类型、Web 框架等全面解析

    学习基础知识 掌握 Go 语言的常见概念,变量、循环、条件语句、函数、数据类型等等。...Functions 了解 Go 函数的工作原理,下面的资源列表将涵盖: 如何在 Go 定义和调用函数? Go 的命名返回值? 处理多个返回类型。 Go 不同类型的函数。...ORMs 对象关系映射(ORM)是计算机科学中一种使用面向对象编程语言在类型系统之间转换数据的编程技术。实际上,这创建了一个“虚拟对象数据库”,因此是一种抽象层,可以从编程语言内部使用。...功能包括: 响应可以序列化为JSON和XML 轻松上传文件 轻松下载文件 支持以下HTTP动词GET、HEAD、POST、PUT、DELETE、PATCH、OPTIONS GraphQL GraphQL...例如:您可以使用传统的发布/订阅实现,Kafka或RabbitMQ,也可以使用HTTP或MySQL binlog,如果适合您的用例。

    24110

    MassCMS With APIJSON最佳实践

    APIJSON通过解析请求的JSON参数,动态生成SQL语句,并自动执行数据库操作,将结果以JSON形式返回给客户端。它支持多种复杂查询和操作,分页、条件查询、关联查询、嵌套查询等。...与传统的RESTful API不同,GraphQL允许客户端精确地描述其需要的数据。客户端可以发送一个GraphQL查询,指定需要的字段和相关的数据关系,而服务器将返回与查询相匹配的精确数据。...数据关系和嵌套支持在请求中使用嵌套的JSON结构来获取多层次的数据关系使用查询语言来定义所需的数据结构,可以精确地指定所需的字段和关系。...GraphQL可以通过定义查询和变更类型来精确控制数据的访问和修改权限。性能和缓存通过缓存响应来提高性能,并提供了一些性能优化选项。在一次请求可以获取多个数据源的数据,但这可能导致性能问题。...为每个内容类型定义字段,并选择适当的字段类型文本、日期、图像等。你还可以设置关系字段,以关联不同类型的内容,将产品与文章进行关联。3.

    57320

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

    react-animated-transitions - React的简单动画过渡 react-json-schema - 通过将JSON定义映射到您公开的React组件,构造来自JSON的React...Java上React(使用Rhino或Nashorn) React.hiccup - 用sweet.js编写的JSX的完全替代品 react-play - 使用JDK8的Nashorn渲染Play框架的...Datalog查询引擎 immstruct - 不可变数据结构,具有基于组件的库(React)从上到下属性的历史记录 seamless-immutable - JavaScript的不可变数据结构,...redux-state-validator - 一个简单的redux中间件,用于使用JSON Schema验证redux状态值和对象类型 redux-persist - 坚持并补充redux商店 Redux...Postgres上的即时实时GraphQL Prisma - 一个高性能的开源GraphQL ORM-like层,可以在GraphQL服务器完成繁重的任务。

    12.4K30
    领券