其他分享
首页 > 其他分享> > React Form Builder [GSoC 项目] [全球基因组学与健康联盟]

React Form Builder [GSoC 项目] [全球基因组学与健康联盟]

作者:互联网

React Form Builder [GSoC 项目] [全球基因组学与健康联盟]

这是关于我的 GSoC 项目的项目报告,关于我如何实现 React Form Builder。

关于该项目:

当我们在这个日期谈论遗传学数据收集时,收集数据的方式并不统一。因此,开发用于分析或共享这些数据的解决方案并非易事。

这个项目旨在解决这个问题。该项目实现了一个 React 拖放表单构建器,用户可以在其中使用拖放操作创建动态表单。这些表格收集的数据存储在 GA4GH 标准中,因此很容易与第三方库集成以进行分析。

使用的技术: ReactJS、ReactDND、Formik

重要链接:

GitHub 回购: https://github.com/TrakGene/react-form-b​​uilder

现场演示: https://react-form-b​​uilder-trackgene.vercel.app/

文档链接: https://rfb-docs.vercel.app/docs/intro

如果您想了解有关项目概述的更多信息,请查看 ** 文档。** 下一节将讨论我的 GSoC 时间线。

我的 GSoC 时间表:

5月20日-6月12日【社区绑定期】:

在这个阶段,我与我的导师定期会面,讨论我们可以用于该项目的各种库和技术堆栈。经过讨论,我们决定为项目选择 ReactJS。在此期间,我也完成了为项目设置开发环境。在此时间范围内也创建了项目存储库。

6 月 12 日 - 7 月 1 日:

在这个阶段,我与我的导师就我们将为项目遵循的内部数据结构进行了很多讨论。讨论后决定遵循 图数据结构 存储表单的部分数据。我决定为项目遵循一个服务结构(一个带有帮助函数的服务文件),它处理对图形数据结构执行的所有 CRUD 操作。

以下是此期间的一些提交。

最初设定

将初始结构添加到表单生成器

将初始结构化服务添加到核心结构

7 月 1 日 - 7 月 24 日 [中期评估]:

在这个阶段,我开始对项目进行修改以添加对 拖放 在项目中。此外,我在此期间开发了表单基本表单元素类型(短文本和复选框表单元素)。还为上述表单元素添加了创建、编辑和删除功能。还对决定的模式进行了一些小的修改。

以下是此期间的一些提交。

添加拖放支持

文本输入 CRUD 操作

复选框输入支持

7 月 25 日 - 8 月 15 日

在这个阶段,我开发了其他几种表单类型(下拉、线性比例、MCQ 等)。条件部分是在这个时候被引入到项目中的,这是一个非常耗时的功能。关于这部分有几次讨论。在此期间,我还修复了一些错误。

以下是此期间的一些提交。

添加了其他表单元素

在部分中添加了对条件的基本支持

Bug修复

8 月 15 日 - 9 月 8 日

在这个阶段,我修复了项目的一些非常大的问题,例如在删除附加到预先存在的条件的表单元素时处理架构等。还为表单添加了嵌入内容支持。此外,我对 UI 进行了增强,并为拖放功能添加了移动支持。最后,我还为该项目创建了详细的文档。

以下是此期间的一些提交。

添加了对拖放的移动支持

添加嵌入内容和错误修复

添加初始文档

可以检查项目的所有提交 这里

致谢:

我要衷心感谢我的导师、GA4GH 社区和 Google 在这个夏天给我带来了丰富的体验。我非常感谢有机会参与该计划并在开发 react-form-b​​uilder 项目的同时提高我的编程技能。

我非常感谢 蒂姆·杰克逊 感谢他不断的指导、及时和广泛的代码审查,以及参与定期讨论以澄清我的疑问。

GA4GH 一直热情好客,乐于助人。他们为改善开发人员体验所做的努力提供了一个非常有利于贡献的环境。我很感激也很高兴能成为其中的一员。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/27330/16021110

标签:Form,项目,基因组学,表单,GSoC,添加,https,拖放
来源: https://www.cnblogs.com/amboke/p/16683620.html