【文件属性】:
文件名称:与我一起写:实时协作Markdown编辑器
文件大小:10.94MB
文件格式:ZIP
更新时间:2021-01-30 17:50:51
react graphql markdown hooks aws
:writing_hand_selector: 跟我写
使用GraphQL,React,React Markdown和AWS AppSync构建的实时协作博客文章编辑器。
此回购还附带了中篇文章“如何使用React Hooks,GraphQL和AWS AppSync构建实时协作Markdown编辑器”。 点击查看。
在尝试一下
基本架构
这是基本架构:
type Post @model {
id : ID !
clientId : ID !
markdown : String !
title : String !
createdAt : String
}
我们具有具有一些属性的Post类型。 最重要的属性是减价。 这是我们跟上职位状态的地方。
我们也有一个clientId来正确处理客户端上的GraphQL订阅。
启动应用
只需单击一下即可将此完整堆栈应用程序部署到Amplify Console:
使用Amplify CLI在本地运行
克隆仓库
git clone https://github.com/dabit3/write-with-me.git
转到
【文件预览】:
write-with-me-master
----amplify()
--------.config()
--------backend()
----package.json(689B)
----.graphqlconfig.yml(358B)
----src()
--------Router.js(411B)
--------App.css(414B)
--------index.js(551B)
--------Post.js(6KB)
--------logo.svg(3KB)
--------serviceWorker.js(5KB)
--------App.test.js(248B)
--------graphql()
--------aws-exports.js(466B)
--------Posts.js(7KB)
--------Container.js(364B)
--------index.css(1KB)
----.gitignore(525B)
----public()
--------manifest.json(306B)
--------index.html(2KB)
--------favicon.ico(14KB)
----README.md(1KB)
----yarn.lock(326KB)
----writewithme.gif(10.82MB)