一个小型、功能齐全且不可变的有限状态机库。使用状态机来管理组件，可以将声明式编程方法引入应用程序状态管理。

请参阅thisrobot.life获取主要文档。

import { createMachine, interpret, state, transition } from 'robot3';

let machine = createMachine({
  off: state(
    transition('toggle', 'on')
  ),
  on: state(
    transition('toggle', 'off')
  )
});

const service = interpret(machine, () => {
  render();
});

• 请在 GitHub 上给该仓库加星标。
• 如果您发现错误，请提交问题报告。或者更好的办法是……
• 提交 pull request即可贡献代码。

测试文件位于该test/文件夹中。您可以使用任何您喜欢的 HTTP 服务器（我使用的是http-server）test/test.html在您选择的浏览器中加载它们。测试是用QUnit编写的，并且……

我的快速启动 SaaS 项目模板

别再浪费时间反复实现身份验证和支付功能了。
专注于为客户创造价值的事情。

https://utlimate-saas-js.vercel.app

• 使用 NextAuth.js 进行身份验证（掌控您的数据 ✅）
  • 包含魔法链接的电子邮件
  • Github
  • 还有很多其他的OAuth提供商，请查看他们的文档。
• 使用 Stripe 付款
  • Stripe 结账
  • Stripe 付款门户
  • Stripe webhook（产品/价格同步）
• 免费托管于Vercel 。

请查看此仓库中的 Stripe 部分，步骤非常相似。

部署此应用需要一个 PostgreSQL 数据库。您可以在Heroku
上免费获得一个非常小的实例。

• TypeScript
• Next.js
• NextAuth.js
• 棱镜
• PostgreSQL
• 条纹
• Tailwindcss

# create .env
cp .env.example .env

# install dependencies
yarn

# Launch pgsql and maildev
yarn docker:start

# migrate and seed the database
yarn prisma:migrate:dev

yarn prisma:seed

# install stripe cli

一套小巧、响应式的 CSS 模块，可用于任何 Web 项目https://purecss.io/

Pure 是所有网站或 Web 应用的起点。我们负责处理每个网站所需的所有 CSS 工作，同时确保网站外观简洁美观，避免千篇一律：

• 可根据您的需求进行定制的响应式网格。

• 基于Normalize.css构建的坚实基础，用于解决跨浏览器兼容性问题。

• <a>风格统一的按钮，可与各种元素配合使用<button>。

• 垂直和水平菜单的样式，包括对下拉菜单的支持。

• 适用于各种屏幕尺寸的实用表单对齐方式，外观美观。

• 各种常见的桌子样式。

• 极简主义风格，而且非常容易定制。

• 默认采用响应式设计，并提供非响应式选项。

• 文件大小非常小：压缩后+gzip压缩后为3.7KB。

请查看“入门指南”页面了解更多信息。

您也可以选择从源代码构建 Pure……

Xterm.js 是一个用 TypeScript 编写的前端组件，它允许应用程序在浏览器中为用户提供功能齐全的终端。它被 VS Code、Hyper 和 Theia 等热门项目所使用。

• 终端应用程序开箱即用：Xterm.js 可与大多数终端应用程序配合使用，例如bash、vim和tmux，包括对基于 curses 的应用程序和鼠标事件的支持。
• 性能卓越：Xterm.js 速度非常快，甚至还包含一个 GPU 加速渲染器。
• 丰富的 Unicode 支持：支持 CJK、表情符号和输入法。
• 独立运行：无需任何依赖项即可工作。
• 无障碍功能：可开启屏幕阅读器和最低对比度支持。
• 还有更多：链接、主题、插件、完善的 API 文档等等。

• Xterm.js 不是一个可以下载到电脑上使用的终端应用程序。
• Xterm.js 不是bash。Xterm.js 可以连接到诸如……之类的进程bash，并允许您与之交互。

timeago.js是一个小型库（小于2 kb），用于使用*** time ago语句格式化日期时间。例如：'3 hours ago'。

• 支持国际化（i18n）。
• 时间ago和时间的in支持。
• 支持实时渲染。
• 支持Node和浏览器。
• 经过充分测试。

官方网站。React 版本：timeago-react。Python版本：timeago。

例如

just now
12 seconds ago
2 hours ago
3 days ago
3 weeks ago
2 years ago
in 12 seconds
in 3 minutes
in 24 days
in 6 months

• 安装

npm install timeago.js

• 进口

import { format, render, cancel, register } from 'timeago.js';

或者在 html 文件中使用script标签导入并访问全局变量timeago。

<script src="dist/timeago.min.js"></script>

• 例子

// format the time with locale
format('2016-06-12', 'en_US');

除了 NPM，你还可以使用……

用户脚本，用于向 GitHub 添加功能。

1. 请确保您的浏览器已启用用户脚本（以下说明适用于最新版本的浏览器）：

   • Tampermonkey（专有软件）
   • Violentmonkey
   • Greasemonkey（部分脚本与 Greasemonkey 4 不兼容！）

2. 获取信息或安装：

   • 点击链接即可了解更多关于该用户脚本的信息。您将被引导至相应的维基页面。
   • 点击下表中的“安装”链接，即可直接从 GitHub 安装脚本。
   • 从GreasyFork (GF) 的用户脚本站点页面安装脚本
   • 或者，从OpenUserJS (OU)安装脚本。

   用户脚本维基		直接 安装	网站	额外	更新
   GitHub 代码颜色	安装	GF OU	2016.03.20	2022年10月24日
   GitHub 代码折叠	安装	GF OU	2016年12月28日	2022年10月24日
   GitHub 代码指南	安装	GF OU	2016年8月27日	2020年7月11日
   GitHub 代码显示空格	安装	GF OU	2017.03.26	2022年10月24日
   GitHub 折叠评论	*	安装	GF OU	2016年6月27日	2022年10月24日

   …

用于将给定的 HTML DOM 节点转换为可访问的 SVG“屏幕截图”的库。

试试SVG Screenshots Chrome 扩展程序，它使用此库允许您对任何网页进行 SVG 截图。您可以在github.com/felixfbecker/svg-screenshots找到源代码。

import { documentToSVG, elementToSVG, inlineResources, formatXML } from 'dom-to-svg'

// Capture the whole document
const svgDocument = documentToSVG(document)

// Capture specific element
const svgDocument = elementToSVG(document.querySelector('#my-element'))

// Inline external resources (fonts, images, etc) as data: URIs
await inlineResources(svgDocument.documentElement)

// Get SVG string
const svgString = new XMLSerializer().serializeToString(svgDocument)

输出结果可以直接用作有效的 SVG，也可以轻松地传递给其他软件包进行美化打印或压缩。

• 不依赖于<foreignObject>- SVG 将…

一系列可直接部署的Serverless Framework服务。

如果您是无服务器架构的新手，我们建议您首先使用NodeJS、Python、Java或Golang创建一个 HTTP API 端点。

每个示例都包含README.md对服务及其用例的解释。

有例子吗？提交 PR 或创建 issue 吧。⚡️

要安装其中任何一款，您可以运行：

serverless install -u https://github.com/serverless/examples/tree/master/folder-name -n my-project

英语 |简体中文

基于Redux、Redux-Saga和React Router 的轻量级前端框架。（灵感来自Elm和Choo）

• 易于学习，易于使用：仅需 6 个 API，对 Redux 用户非常友好，并且与 UMI 一起使用时 API 调用次数减少到 0。
• Elm概念：使用reducers、effects和组织模型subscriptions
• 支持 HMR ：使用babel-plugin-dva-hmr为组件、路由和模型提供 HMR 支持
• 插件系统：例如，我们有dva-loading插件来自动处理加载状态。

• 计数：简单计数示例
• 用户仪表盘：用户管理仪表盘
• AntDesign Pro：（演示版），面向企业应用程序的开箱即用型 UI 解决方案
• HackerNews：（演示），HackerNews 克隆版
• antd-admin：（演示），一个基于 Ant Design 和 Dva.js 构建的后台管理面板应用演示。
• github-stars：（演示），GitHub 星标管理应用程序
• 账户系统：小型库存管理系统
• react-native-dva-starter：集成了 dva 和 react-navigation 的 react-native 示例

演示：https://pigeon-maps.js.org/（使用来自 MapTiler、OSM 和 Stamen 的地图）

你是否厌倦了等待 3 秒钟来解析 200kb 的 Google Maps JavaScript 代码，仅仅为了显示几个地图图块和一个标记？140kb 的精简版 Leaflet 代码也太多了吗？

欢迎加入俱乐部！

该项目旨在提供一个性能优先、以 React 为中心且可扩展的地图引擎。

我们目前处于：

实施的：

• 显示图块
• 任意叠加层（标记等）
• 拖动即可移动地图。
• 在移动设备上触摸地图即可移动地图
• 使用滚轮进行缩放
• 触摸缩放
• 分数缩放（例如缩放到 12.2 级）
• 无闪烁缩放（在加载新图块之前保留旧图块）
• 流畅的动画缩放
• 拖动并松开时滑动
• 事件处理（点击等）
• 双击并双击缩放
• 可选择禁用单指拖动和鼠标滚轮滚动（无需按住 Meta 键）功能。
• 启用/禁用触摸和鼠标事件，例如……