在Shopify中，React是在web和移动设备上构建的默认语言。支持全球数百万商家的Shopify管理完全由React和GraphQL提供支持，而我们所有的新移动应用程序都使用React Native。
但是React对于我们的应用开发者社区来说也是一个非常重要的库，并且是Shopify应用最常用的前端框架。我们最受欢迎的两个开发者资源，北极星和Shopify App Bridge，提供全面的React组件，开发人员可以将其实现到他们的应用程序中，从而更容易为商家构建直观的ui。
为了分享我们在这段旅程中学到的见解，并展示开发人员如何使用React在Shopify上构建，我们将在今年的远程会议上举办一系列研讨会和会谈反应峰会- 4月14日至16日。在本文中，我们将探索与会者可以参加的每个会议活动，并与演讲者进行交流，以预览您可以期待看到的内容。
我们非常高兴能与React峰会合作，并期待在其中一个活动中见到您!
开发者研讨会
了解有关整个活动期间运行的开发人员研讨会的更多信息。
用React和Node构建一个Shopify应用程序
日期:4月8日，东部时间9:00-10:30，远程
由Shopify web开发人员Hanna Chen和前端开发人员Jennifer Gray主持，本次研讨会将为参与者提供使用Shopify App命令行，北极星,Shopify App Bridge。对于已经熟悉React的开发人员来说，这个实践研讨会是一个很好的机会，可以开始构建与Shopify管理集成并访问商店数据的应用程序。OB欧宝娱乐APP
扩大她的知名度如何用Node和React构建Shopify应用程序视频，詹妮弗·格雷希望研讨会将为应用程序开发人员探索Shopify提供有价值的指导。
Gray说:“从在几分钟内进入'Hello World'到只用几行代码创建美丽无缝的用户体验，我非常高兴能够分享我们团队创建的工具，以真正加速Shopify应用程序的开发。”
在研讨会期间，您将介绍开发人员工具和资源，可以适应您现有的工作流程，以帮助您尽快构建无缝的应用程序体验。我们将教你如何:
- 使用Shopify app CLI创建一个嵌入式Shopify应用程序
- 用Polaris React组件构建一个接口
- 使用app Bridge组件在React应用中执行操作
“开发人员应该通过安装Shopify App CLI及其要求来准备这个研讨会，以及创建Shopify合作伙伴帐户格雷建议道。“开发者将了解成为‘Shopify应用开发者’意味着什么，并创建一个可与开发商店交互的嵌入式Shopify应用。”
你可能还喜欢:作为前端开发人员如何构建Shopify应用程序。
创建可访问的React Native应用程序
日期:4月9日，东部时间9:00-10:30，远程
反应本地是一个用于创建原生iOS和Android应用的框架，web开发者可能已经很熟悉了。但是你如何确保你的React Native应用程序是包容的，并且对每个人都可用呢?
在这个研讨会上，Shopify平台可访问性专家Scott Vinkle将分享如何测试和构建具有可访问性的React Native应用程序的技巧。借鉴他的工作经验Shopify的Covid Shield应用程序， Vinkle将探索测试和实现React Native应用的可访问性最佳实践的技术。
“我不仅会分享React Native的技术细节，还会分享数字可访问性的社交方面，”Vinkle说。“我们将探索在包容性设计最佳实践方面需要注意什么，以及如何解决React Native Accessibility API的常见问题。”
“准备好你的手机和模拟器，进行屏幕阅读器测试!”Vinkle建议。MacOS和iOS环境已经内置了VoiceOver，但Android模拟器需要Android无障碍套件安装。”
Vinkle将分享来自Shopify的Covid Shield应用程序的具体示例，以检查实施可访问性改进的前后效果。
本工作坊的参加者将学习如何:
- 创建可访问的React Native应用程序
- 测试iOS和Android模拟器的可访问性
- 了解React Native可访问性API与web开发的关系
- 找到React Native可访问性文档
你可能还喜欢:如何建立一个Shopify应用程序:完整的指南。
会议谈判
除了研讨会，一定要赶上Shopify员工的以下会议演讲。
远程渲染与Web工作者
日期:4月14日，东部时间10:50-11:45，远程
阿尔戈是一个强大的可扩展性框架，允许开发人员在每个平台上无缝扩展Shopify的应用程序。在这次演讲中，Shopify员工开发人员Trish Ta将探讨我们如何构建Argo，以及我们的开发者社区如何采用它。在幕后，Argo使用网络工作者和一个开源库，remote-ui，为外部脚本创建沙盒执行环境。
Ta说:“我很高兴能够分享我们是如何构建一个解决方案的，它允许开发人员编写React或JavaScript代码，并使其在Shopify的应用程序中原生地工作。“与会者可以期待了解Argo的构建模块，以及该架构如何允许它在应用程序端和主机端使用不同的技术。”
已经和我们一起使用了订阅APIArgo为开发人员提供了在主应用程序上执行行为的api，以及一个组件库，可以呈现与Shopify自己的组件相同的本地UI，无论它是在iOS, Android还是web上。此外，Argo开始在Shopify开发者体验OB欧宝娱乐APP中扮演更重要的角色Argo应用程序使用会话令牌验证扩展和后端服务器之间的请求。
这次演讲将对开发者了解Argo应用开发的未来，以及它如何让开发者构建安全、一致的解决方案，确保为商家提供最佳体验的开发者很有价值。
经过实战考验的动画和数据可视化技术与React
日期:4月14日，东部时间13:37-13:57，远程
D3是一个JavaScript库，用于操作基于数据的文档，并已用于使用HTML、SVG和CSS生成可视化。在这次演讲中，Shopify高级前端开发人员Krystal Campioni将讨论如何将D3作为数学库的强大功能与React的渲染功能结合起来。
坎皮奥尼说:“我们一直在探索如何利用运动让我们的数据图表讲述故事。”“我非常兴奋地从开发者的角度分享我们所学到的东西，用一堆代码示例来展示D3和react-spring”。
随着Campioni深入研究应用于现实世界示例的技术，她将探索如何:
- 封装动画以便在React功能组件中重用
- 处理数据结构中的限制以创建有趣的可视化
- 当屏幕上有多个动画元素时，处理性能问题
Shopify和React:一个成功的组合
由于能够轻松地将前端组件直接集成到您的Shopify应用程序项目中，React是许多应用程序开发人员的自然选择。我们期待在React远程峰会上与开发者分享更多的见解。
如果你正在考虑用React在Shopify上构建，这次会议提供了学习如何创建直观，可访问和安全的ui的机会。
