音频推特 使用React，Apollo，MongoDB，Material-UI，Wavesurfer制作的Twitter克隆 这是Twitter的完整版本，带有音频而不是文本消息。 它仅用于教育目的，与Twitter无关。 产品特点 一般功能 录制语音，预览示波器，重做录制，预览录制，取消录制，预览录制的波形 将音频文件存储到服务器 使用波形预览播放/暂停/停止音频消息 自动播放现有消息，自动播放传入消息 将自动播放时间限制为5、10、15或20秒 以下用户的消息的时间轴提要 通知供稿，未看到的通知计数 个人资料页面，其中包含用户的消息供稿，关注者和关注者列表 社交网络功能：关注/取消关注用户，喜欢/不喜欢消息，转发/取消转发消息 使用Apollo缓存进行本地状态管理，不使用Redux 编辑头像，封面，姓名和个人简介 认证方式 http和websocket链接上的JWT身份验证 使用电子邮件/密码注册，登录 用户/管理员角色 具有HOC的受保护路线 设计 Material-UI响应式设计 在4种不同的绿色/橙色浅色/深色主题之间进行选择 在本地存储中保留主题 标签导航 带用户卡的弹出

apollo-client0.9.1.jar apollo-client-0.10.0-SNAPSHOT.jar 编译打包

GraphQL 客户端，可让您轻松地将来自 GraphQL 的数据与任何 JavaScript 前端一起使用。

Apollo-Client-WS Apollo 客户端的 GraphQL WebSocket 网络链接 关于 这是一个基于 的ApolloLink层，用于 JavaScript GraphQL 客户端库 。 它是为服务器框架及其无缝 WebSocket 协议集成模块开发并打算与它一起使用的，尽管它可以与任何通过通信使用 GraphQL 的服务器一起使用。 Apollo-Client-WS 具有延迟连接建立，连接keepalive 支持，并且可以自动重新连接到服务器。 此外，除了 GraphQL 请求/响应消息之外，它还允许应用程序通过 WebSocket 连接发送/接收任意消息。 安装 $ npm install graphql-tag apollo-client apollo-client-ws apollo-link 用法 const gql = re

Strava个人排行榜 Strava于2020年7月将个人排行榜隐藏在付费专区的后面。我主要对比较细分市场的表现很感兴趣，因此，我想通过使用Strava API提取数据并将其转储到Postgres DB中来创建自己的Strava排行榜。 该项目尝试围绕活动详细信息和细分排行榜重新创建一些Strava UI，但这也是我的个人游乐场之一，有些东西可能根本无法完善。 建筑学 在上运行的无服务器功能可获取数据并根据对用户进行身份验证 从Strava获取的数据被转储到 充当后端对前端 用React，Typescript，Apollo Client和Material-UI编写的前端； 使用和创建地图; 图表是使用创建的。 当地发展 Netlify Dev用于包装前端的本地开发，因为它包装了create-react-app并在本地生成了后端所需的所有无服务器功能。 Docker compose用于启动

Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项（webpack，

盖茨比打字稿，情感，故事书入门 使用此打字稿，阿波罗，情感，故事书样板开始您的项目。 该入门工具随附主要的Gatsby配置文件，您可能需要使用React的快速应用生成器快速启动并运行。 还有其他更具体的想法吗？ 您可能需要查看我们充满活力的集合。 :rocket: 快速开始 创建一个Gatsby网站。 # clone the starter git clone https://github.com/Tyler-Churchill/gatsby-starter-typescript-storybook # install deps npm install 开始开发。 导航到新站点的目录并启动。 npm run develop 运行故事书 npm run storybook 打开源代码并开始编辑！ 您的站点现在在http://localhost:8000 ！ 注意：您还将看到第二个链接： http://localhost:8000/___graphql 。 您可以使用此工具来尝试查询数据。 在了解有关使用此工具的更多信息。 在您选择的代码编辑器中打开gatsby-st

阿波罗故事书装饰器 使用Apollo Client包装您的React Storybook故事。 支持 React React本机 Vue 角度的 Apollo客户端V2 快来了 Apollo客户端V1 X X X 要旨 向装饰器提供GraphQL类型定义。 像提供graphql-tools一样提供Mock对象 拿着它： import React from "react" ; import { Query } from "react-apollo" ; import gql from "graphql-tag" ; import { storiesOf } from "@storybook/react" ; const userQuery = gql ` query getUser = { currentUser { name lastAction { message } avatar city } } ` ; function CurrentUser ( ) { r