visx 是可重复使用的低级可视化组件的集合。visx 结合了 d3 的强大功能来生成可视化效果，并利用 react 的优势来更新 DOM。

文档 •图库•博客•讨论•更新日志•入门教程

让我们制作一个简单的条形图。

首先我们安装相关的软件包：

npm install --save @visx/mock-data @visx/group @visx/shape @visx/scale

import React from 'react';
import { letterFrequency } from '@visx/mock-data';
import { Group } from '@visx/group';
import { Bar } from '@visx/shape';
import { scaleLinear, scaleBand } from '@visx/scale';
// We'll use some mock data from `@visx/mock-data` for this.
const data = letterFrequency;

// Define the graph dimensions and margins
const width = 500;
const height = 500;
const margin = { top: 20, bottom: 20, left: 20, right: 20 };

https://the-guild.dev/graphql/codegen

GraphQL 代码生成器是一款基于 GraphQL 架构生成代码的工具。无论您开发的是前端还是后端，都可以使用 GraphQL 代码生成器从 GraphQL 架构和 GraphQL 文档（查询/修改/订阅/片段）生成输出。

通过分析并解析架构和文档，GraphQL 代码生成器可以基于预定义模板或用户自定义模板输出各种格式的代码。无论您使用哪种语言，GraphQL 代码生成器都能满足您的需求。

GraphQL 代码生成器允许您根据插件选择所需的输出，这些插件非常灵活且可自定义。您还可以编写插件来生成符合您需求的自定义输出。

您可以在浏览器上实时试用此工具，并查看一些实用的示例。查看GraphQL 代码生成器实时示例。

我们目前支持并维护这些插件（TypeScript、Flow……

Tesseract.js 是一个 JavaScript 库，可以从图像中获取几乎所有语言的单词。（演示）

图像识别

视频实时识别

Tesseract.js 包装了Tesseract OCR 引擎的webassembly 端口，它在浏览器中使用webpack、esm 或带有CDN的纯脚本标签工作，在服务器上使用Node.js工作。安装后，使用它非常简单：

import { createWorker } from 'tesseract.js';

(async () => {
  const worker = await createWorker('eng');
  const ret = await worker.recognize('https://tesseract.projectnaptha.com/img/eng_bw.png');
  console.log(ret.data.text);
  await worker.terminate();
})();

当识别多幅图像时，用户应该创建一个工作器，worker.recognize对每幅图像运行一次，然后worker.terminate()在最后运行一次（而不是运行...

在网站上阅读

加入/关注我们的Discord | 𝕏 (Twitter) | Telegram | Facebook

并非每个人都有时间做几百道 LeetCode 题目。这里有专为忙碌的工程师精心挑选的免费技术面试备考资料，由《Blind 75》的作者——我为您带来。超过 1,000,000 人已从这本手册中受益！

除了常见的算法问题外，其他精彩内容包括：

• 编码面试的最佳实践问题
• Grind 75 - Blind 75 的下一代进化版，更大更好
• 如何准备编程面试
• 编程面试最佳实践——直截了当的注意事项
• 按主题分类的算法速查表和技巧
• 一步步指导软件工程师准备 FAANG 简历
• 顶级科技公司提出的行为问题
• 前端面试准备

非常感谢您提供内容帮助！

reveal.js 是一个开源 HTML 演示框架。它让任何拥有 Web 浏览器的人都能免费创建精美的演示文稿。请访问revealjs.com查看现场演示。

该框架具有强大的功能集，包括嵌套幻灯片、Markdown 支持、自动动画、PDF 导出、演讲者备注、LaTeX 排版、语法高亮代码和广泛的 API。

想在图形编辑器中创建 reveal.js 演示文稿吗？试试https://slides.com。它是由 reveal.js 的幕后团队制作的。

Hakim 的开源工作得到了GitHub 赞助商的支持。特别感谢：

您的应用程序已为企业做好准备。 只需几行代码即可开始向企业客户销售产品。只需几分钟（而非数月）即可添加单点登录（及更多功能） </a> </td>

• 🚀安装 reveal.js
• 👀查看演示
• 📖阅读文档
• 🖌在 Slides.com 上尝试 reveal.js 的可视化编辑器
• 🎬观看 reveal.js 视频...

这些是帮助人们开始使用 GitHub Actions 的工作流程文件。每当您开始创建新的 GitHub Actions 工作流程时，它们都会显示出来。

如果您想开始使用 GitHub Actions，您可以通过单击要创建工作流程的存储库中的“操作”选项卡来使用这些启动工作流程。

• ci：持续集成工作流解决方案
• 部署：部署工作流的解决方案
• 自动化：工作流程自动化解决方案
• 代码扫描：代码扫描解决方案
• 页面：Pages 工作流程解决方案
• 图标：相关模板的 svg 图标

每个工作流程都必须用 YAML 编写并带有.yml扩展名。它们还需要一个相应的.properties.json文件，其中包含有关工作流程的额外元数据（显示在 GitHub.com UI 中）。

例如：ci/django.yml和ci/properties/django.properties.json。

• name：用户注册时显示的名称。此属性是唯一的……

公告：
10 月 8 日至 10 日，欢迎参加纽约 GraphQL 峰会，与 1000 多位工程师一起参与演讲、研讨会和办公时间。点击此处获取通行证 ->

Apollo Client 是一个功能齐全的缓存 GraphQL 客户端，集成了 React、Angular 等框架。它允许您轻松构建通过 GraphQL 获取数据的 UI 组件。

所有 Apollo Client 文档，包括 React 集成文章和有用的方法，都可以在以下位置找到：
https://www.apollographql.com/docs/react/

Apollo Client API 参考可以在以下位置找到：
https://www.apollographql.com/docs/react/api/apollo-client/

学习如何在 Apollo 官方学习平台 Odyssey 上通过自定进度的实践培训使用 Apollo Client：
https://odyssey.apollographql.com/

英语| 简体中文

npm install gg-editor --save

<script src="https://unpkg.com/gg-editor@${version}/dist/index.js"></script>

import GGEditor, { Flow } from 'gg-editor';

const data = {
  nodes: [
    {
      id: '0',
      label: 'Node',
      x: 55,
      y: 55,
    },
    {
      id: '1',
      label: 'Node',
      x: 55,
      y: 255,
    },
  ],
  edges: [
    {
      label: 'Label',
      source: '0',
      target: '1',
    },
  ],
};

<GGEditor>
  <Flow style={{ width: 500, height: 500 }} data={data} />
</GGEditor>;

import GGEditor, { Mind } from 'gg-editor';
const data = {

Open是一个免费的 React / Next.js 登陆页面模板，使用 Tailwind CSS 构建，适用于想要为其开源项目、SaaS 产品、在线服务等创建快速专业的登陆页面的开发人员/制造商。

使用它来做任何你想做的事情，如果你用它构建了任何很酷/有用的东西，请务必通过Twitter与我们联系。

由Cruip.com用❤️创建并维护。

使用 Cruip CSS 构建的 1.0.0 版本可在此处获取。使用 Tailwind CSS 和 React + Vite 构建的 2.0.3 版本可 在此处获取。 使用 Tailwind CSS 和 Next.js 构建的 3.3.0 版本（重新设计之前）可在此处获取。

在这里查看现场演示👉️ https://open.cruip.com/

如果你需要设计文件，可以从 Figma 社区下载👉 https://bit.ly/401KSUS

这是一个由...引导的Next.js项目create-next-app

自动依赖更新多平台和多语言。

• 获取自动拉取请求以更新您的依赖项
• 通过按计划运行 Renovate 来减少噪音，例如：
  • 周末
  • 工作时间以外
  • 每周
  • 每个月
• 自动发现相关的包文件
• 支持 Monorepo 架构，无需额外配置即可使用工作区
• 机器人行为可通过配置文件定制（配置为代码）
• 使用类似 ESLint 的共享配置预设，以方便使用和简化配置（仅限 JSON 格式）
• 锁定文件在同一提交中受支持和更新，包括在合并 PR 时立即解决冲突
• 获取替代 PR，以从弃用的依赖项迁移到社区建议的替代方案，适用于大多数管理人员，有关例外情况，请参阅问题 14149
• 开源（可通过 npm/Yarn 或 Docker Hub 安装），因此可以自行托管或通过 Mend Renovate App 使用

Renovate 可在以下平台上运行：

• GitHub（.com 和企业服务器）
• …