首页 开发技术 其它     /    storybook-graphql-kit-graphcms:用于GraphCMS的Storybook插件-源码

storybook-graphql-kit-graphcms:用于GraphCMS的Storybook插件-源码

上传者: weixin_42099858 | 上传时间:2024/8/12 17:56:01 | 文件大小:1.19MB | 文件类型:ZIP
storybook-graphql-kit-graphcms:用于GraphCMS的Storybook插件-源码
故事书插件GraphCMS用代码编写查询,以舒适的方式预览GraphQL数据,将响应传递给组件该插件是的扩展阅读中号为什么要使用它1.开发组件与实际的后端存储数据隔离地开发组件。
使用此插件,您可以向故事添加查询,并使用获取的数据作为组件的道具。
您可以灵活地将其与单个组件一起使用或返回一组组件-您所需要做的只是编写故事。
当您在Storybook中看到组件时,您还可以通过插件面板检查JSON行中的查询响应。
您甚至可以手动编辑,并临时覆盖结果,以便快速测试具有不同值的组件。
2.浏览数据库您可以简单地使用Storybook和此插件来快速开发工具来浏览GraphQL端点。

文件下载

资源详情

[{"title":"(39个子文件1.19MB)storybook-graphql-kit-graphcms:用于GraphCMS的Storybook插件-源码","children":[{"title":"storybook-graphql-kit-graphcms-master","children":[{"title":".gitignore <span style='color:#111;'>316B</span>","children":null,"spread":false},{"title":".babelrc <span style='color:#111;'>120B</span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'>2.75KB</span>","children":null,"spread":false},{"title":"src","children":[{"title":"speakers-query.js <span style='color:#111;'>447B</span>","children":null,"spread":false},{"title":"UserAvatar.js <span style='color:#111;'>294B</span>","children":null,"spread":false},{"title":"serviceWorker.js <span style='color:#111;'>4.83KB</span>","children":null,"spread":false},{"title":"stories","children":[{"title":"eventsRDB.stories.js <span style='color:#111;'>1.50KB</span>","children":null,"spread":false},{"title":"usersView.stories.js <span style='color:#111;'>1.74KB</span>","children":null,"spread":false},{"title":"nested.stories.js <span style='color:#111;'>1.26KB</span>","children":null,"spread":false},{"title":"speakers.stories.js <span style='color:#111;'>529B</span>","children":null,"spread":false},{"title":"eventsRAM.stories.js <span style='color:#111;'>1.49KB</span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"robots.txt <span style='color:#111;'>57B</span>","children":null,"spread":false},{"title":"logo192.png <span style='color:#111;'>8.38KB</span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'>1.67KB</span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'>21.86KB</span>","children":null,"spread":false},{"title":"manifest.json <span style='color:#111;'>492B</span>","children":null,"spread":false},{"title":"logo512.png <span style='color:#111;'>22.38KB</span>","children":null,"spread":false}],"spread":true},{"title":".env <span style='color:#111;'>313B</span>","children":null,"spread":false},{"title":"addon","children":[{"title":"index.js <span style='color:#111;'>1.94KB</span>","children":null,"spread":false},{"title":"register.js <span style='color:#111;'>57B</span>","children":null,"spread":false}],"spread":true},{"title":".eslintrc.js <span style='color:#111;'>1.17KB</span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'>10.05KB</span>","children":null,"spread":false},{"title":".storybook","children":[{"title":"addons.js <span style='color:#111;'>114B</span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'>514B</span>","children":null,"spread":false},{"title":"config.js <span style='color:#111;'>681B</span>","children":null,"spread":false}],"spread":true},{"title":"nodemon.json <span style='color:#111;'>74B</span>","children":null,"spread":false},{"title":".npmignore <span style='color:#111;'>74B</span>","children":null,"spread":false},{"title":"docs","children":[{"title":"screenshot-example3.png <span style='color:#111;'>249.01KB</span>","children":null,"spread":false},{"title":"graphql.png <span style='color:#111;'>3.48KB</span>","children":null,"spread":false},{"title":"graphcms-logo.png <span style='color:#111;'>1.48KB</span>","children":null,"spread":false},{"title":"screenshot-example2.png <span style='color:#111;'>315.31KB</span>","children":null,"spread":false},{"title":"storybook-logo.png <span style='color:#111;'>2.23KB</span>","children":null,"spread":false},{"title":"focusreactive-logo.svg <span style='color:#111;'>7.42KB</span>","children":null,"spread":false},{"title":"screenshot-example1.png <span style='color:#111;'>359.05KB</span>","children":null,"spread":false},{"title":"logo.png <span style='color:#111;'>5.33KB</span>","children":null,"spread":false},{"title":"panel-with-json.png <span style='color:#111;'>49.26KB</span>","children":null,"spread":false}],"spread":true},{"title":".prettierrc <span style='color:#111;'>85B</span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'>586.17KB</span>","children":null,"spread":false},{"title":"register.js <span style='color:#111;'>73B</span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【好快吧下载】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【好快吧下载】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【好快吧下载】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,8686821#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明