xstate-catalogue:专业设计的交互式状态机

  • n3_606196
    了解作者
  • 269.4KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-29 05:50
    上传日期
XState目录 XState Catalog是专业设计的状态机的集合,您可以将它们放入XState项目。 我们正在接受捐款! 我们很想听听您对新机器的想法以及改进目录的方法。 查看,以获取完整的浏览体验。 设置仓库 运行yarn install 运行yarn dev在本地主机上运行它:3000 贡献新机器 运行yarn generate以生成新机器的样板。 请按照CLI中的说明进行操作。 这样,您就可以开始编辑文件并编写新机器。
xstate-catalogue-master.zip
  • xstate-catalogue-master
  • pages
  • _document.tsx
    1KB
  • machines
  • [id].tsx
    11.4KB
  • _app.tsx
    2.4KB
  • index.mdx
    2.9KB
  • plop
  • plopfile.js
    1KB
  • machine.ts.hbs
    465B
  • .github
  • FUNDING.yml
    21B
  • workflows
  • lint.yml
    219B
  • postcss.config.js
    103B
  • public
  • favicon.png
    2.4KB
  • highlight.pack.js
    25.2KB
  • og-image.png
    30.6KB
  • yarn.lock
    233.8KB
  • patches
  • xstate+4.16.2.patch
    812B
  • next-env.d.ts
    262B
  • styles
  • atom-one-dark.css
    910B
  • globals.css
    59B
  • next.config.js
    137B
  • tailwind.config.js
    140B
  • .vscode
  • settings.json
    89B
  • lib
  • modalsMachine.ts
    1.5KB
  • Layout.tsx
    5.2KB
  • ModalDialog.tsx
    1.3KB
  • Icons.tsx
    1.9KB
  • metadata.ts
    2.3KB
  • MachineHelpers.tsx
    3.9KB
  • FrontPageHero.module.css
    5.3KB
  • CategoryList.tsx
    2.8KB
  • machines
  • queue.machine.ts
    3.3KB
  • authentication.machine.ts
    2.3KB
  • multi-step-form.mdx
    2KB
  • tab-focus.machine.ts
    1.5KB
  • simple-data-fetch.mdx
    1.3KB
  • infinite-scroll.machine.ts
    2.2KB
  • pagination.machine.ts
    3KB
  • multi-step-form.machine.ts
    2.7KB
  • form-input.machine.ts
    2.5KB
  • queue.mdx
    1.7KB
  • confirmation-dialog.machine.ts
    2.2KB
  • deduplication.machine.ts
    816B
  • create-or-update-form.mdx
    2.3KB
  • drag-and-drop.mdx
    1.1KB
  • debounce.mdx
    845B
  • debounce.machine.ts
    1.1KB
  • drag-and-drop.machine.ts
    2.5KB
  • tab-focus.mdx
    577B
  • multi-step-form-with-validation.mdx
    1.5KB
  • infinite-scroll.mdx
    1.4KB
  • with-local-cache.mdx
    818B
  • simple-data-fetch.machine.ts
    1.8KB
  • netflix-style-video-hover.machine.ts
    2.9KB
  • multi-step-timer.machine.ts
    687B
  • with-local-cache.machine.ts
    2.9KB
  • pagination.mdx
    1.4KB
  • form-input.mdx
    1.4KB
  • netflix-style-video-hover.mdx
    2.9KB
  • multi-step-timer.mdx
    634B
  • create-or-update-form.machine.ts
    3.9KB
  • multi-step-form-with-validation.machine.ts
    3.8KB
  • authentication.mdx
    1.1KB
  • deduplication.mdx
    728B
  • confirmation-dialog.mdx
    1.2KB
  • FrontPageHero.tsx
    2.5KB
  • CatalogueSearcher.tsx
    2.4KB
  • Listbox.tsx
    2KB
  • useCopyToClipboard.ts
    966B
  • GlobalState.ts
    2.6KB
  • ideas.md
    555B
  • tsconfig.json
    564B
  • README.md
    699B
  • yarn-error.log
    206.6KB
  • .gitignore
    18B
  • package.json
    1.7KB
内容介绍
![XState Catalogue](./public/og-image.png) # XState Catalogue XState Catalogue is a collection of professionally designed state machines you can drop into your XState projects. **We're accepting contributions!** We'd love to hear your ideas for new machines and ways to improve the catalogue. Check out the [full site](https://xstate-catalogue.com) for the full browsing experience. ### Setting up the repo 1. Run `yarn install` 2. Run `yarn dev` to run it on localhost:3000 ### Contributing a new machine 1. Run `yarn generate` to generate the boilerplate for a new machine. 2. Follow the instructions in the CLI. 3. Just like that, you can start editing the files and write a new machine.
评论
    相关推荐
    • jbook:用于启动交互式开发环境以编写和记录代码的CLI
      交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名...
    • medicina-hci:交互媒体设计项目HCI主题第3单元的第二版
      交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名...
    • Jbook:用于启动交互式开发环境以编写和记录代码的CLI
      交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名...
    • yarn现在可用
      交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名包含...
    • yarn-conversion-app
      交互式监视模式下启动测试运行器。有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名包括...
    • MI:React和Vue微交互
      微观互动 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 自定义配置 请参阅。
    • spotify:此项目复制原始的Spotify Web Player。 主要目标是学习React与Web API的交互
      Spotify 该项目复制了原始的Spotify Web Player。 主要目标是学习React与Web API的交互。 叠放 ( ,) 安装 运行命令yarn 跑 Spotify应用yarn start 测试yarn test 故事书yarn storybook 作者
    • react-devtools-tutorial:具有React DevTools v4的交互式教程
      React DevTools教程 请参阅的教程。 发展 yarn install yarn start
    • ssbm-combo-visualizer:使用Slippi构建的Super Smash Bros.Melee的组合的交互式可视
      交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名...
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档