2020 年 React 女性回顾！

第一次报名参加 React 女性大会时，我并不确定会发生什么。我以前从未参加过纯技术会议，而且还是完全线上的。尤其是现在我已经失去了时间观念，也失去了健康的睡眠时间（这都怪隔离），我觉得自己根本没法准时起床赶上会议的开始。

旁白：阿什根本不知道，在接下来的几个小时里，她将一直盯着屏幕，无视 FitBit 提醒她站起来走动的提醒。

好吧，你能怪我吗？卡西迪·威廉姆斯作为主持人简直完美，无缝衔接了各个演讲。说到演讲（这里面有个双关语），说实话，感觉组织者好像读懂了我的心思，根据我的兴趣精心策划了一个主题列表。他们怎么知道的……

如果你周六没能线上参加，别担心！我懂你。继续阅读，并在下方评论你觉得最有帮助的演讲或会议。🤓

🧩 TL;DR 可访问组件：构建可访问组件的技巧
🗣 Yuraima Estevez
👉时间戳
👉幻灯片

你是否对 #a11y 充满热情，却不知从何入手？Yuraima 将其分解为三个简单的步骤：语义 HTML、ARIA 属性和键盘导航。语义 HTML 有超过 100 个元素，但不知何故，divs 和spans 是最常用的。你很难从它们的名称推断出它们的用途。所以，请使用button而不是div！

🎨 设计系统
🗣 Neha Sharma
👉时间戳
👉幻灯片

Neha 的演讲让我灵感迸发。我并不认为自己是设计系统专家（哎呀，我就是在她的演讲中第一次了解到原子设计的概念！），但我确实喜欢在工作中维护设计系统。感谢 Neha，我打算提出一个组件模板，方便其他开发人员更轻松地为设计系统做出贡献，并且我们可以将 Lighthouse 分析集成到组件存储库的CI/CI 流水线中。

📈 使用 styled-system 升级你的设计系统
🗣 Taley'a Mirza
👉时间戳
👉幻灯片

当我看到 Taley 的演讲时，我默默地欢呼，styled-system因为我还记得自己刚接触设计系统时，它是如何让我困惑不已的。这样的演讲总能帮助我重新思考为什么。使用styled-system可以轻松地跨断点响应式地应用样式。我想这一点尤其重要，因为对于很多网站来说，大部分流量都来自移动浏览器！

🔥 炉边聊天 🔥
🗣卡西迪·威廉姆斯、雷切尔·纳伯斯、萨拉·维埃拉、詹·克雷格顿、帕丽斯·雅典娜、什鲁蒂·卡普尔
👉时间戳

我一直怀疑自己对某个话题的了解是否足够，能否就此发表演讲。听到这些女士们的分享，我的信心大增。看看下面的帖子，了解她们的建议 👇

const ash = require('ashc0des');

@ashc0des

我超爱这些关于会议演讲的小技巧！

😣 承认自己紧张，这会让你显得更有人情味，人们也更容易理解你。🤔

挑选一些你觉得其他演讲没有涉及，但你又想了解更多的内容，以此来筛选会议主题。

#womenofreact2020

2020年4月25日 下午19:56

2 6

👩🏻‍🎨 绘制无形之物：如何通过视觉隐喻解释 React
🗣 Maggie Appleton
👉时间戳
👉幻灯片

这次演讲真是令人耳目一新，简直太棒了！让我们来一睹 Maggie 的隐喻吧👇

我很欣赏你提出的建议，即专注于通用的隐喻，而不是特定于某种语言或文化的隐喻。使用视觉隐喻可以让更多人理解通常抽象的编程概念。我计划在工作中围绕 Maggie 的理念做一个演示，并构思一些我自己的隐喻，以便让我的同事们相信，视觉隐喻将改善文档质量，并带来更愉悦的开发者体验。

🛠 React DevTools
🗣 Anushree Subramani
👉时间戳
👉幻灯片

我喜欢Anushree 的故事。我希望我能有一位像 Radhika 这样的导师，在前端开发中不带任何偏见地指导我。说真的，我哪儿能找到像 Radhika 那样的人？！这也让我意识到，除了 console.log 之外，DevTools 的用处有多大！

⚡️ 闪电演讲 ⚡️
🏝 科技中的自我护理
🗣 Carolyn Stransky
👉时间戳
👉幻灯片

这次演讲简直是圣代（sundae=精彩的会议）上的点睛之笔。隔离期间，平衡工作与生活一直很艰难，再加上我的冒名顶替综合症，我最近一直对自己很失望。我需要这次演讲来提醒自己，让自己冷静下来，滋养自己的心理健康。

🧪 测试、测试、测试或如何使用生成的输入数据测试 React 应用程序
🗣 Olena Sovyn
👉时间戳
👉幻灯片

测试的一个常见痛点是手动为各种用例组合生成输入数据。当然，您可以复制粘贴，但 Olena 提供了单元测试模板和基于属性的测试，为您提供了另一种选择。我一定会参考她关于笛卡尔积的幻灯片，了解如何计算所需的输入数据量。

⚖️ Button 与 Div
🗣 Jen Luker
👉时间戳
👉幻灯片

Jen 扩展了 Yuraima 在演讲中提到的例子，并现场演示了如何让 div 元素变得易于访问。各位，现在我已经完全被语义化 HTML 说服了。

🔍 React 寻找乐趣：使用 TDD 和 React
🗣 Eve Porcello
👉时间戳
👉幻灯片

好吧，谁会同意伊芙因为精准刻画了一位编写测试的开发者而应该获得奥斯卡奖呢？她偷偷换装并现场编码，真是太棒了。TDD 是我在使用新语言编程时要实施的一种策略，可以解放我的思维。坦白说：我总是纠结于语法，而忘记关注通用概念。阅读测试并运行测试是学习和掌握一门新语言的好方法，因为你不必担心语言的细微差别，而且可以了解代码应该如何运行。

💼 准备 React 技术面试
🗣 Adrianne Valdivi
👉时间戳
👉幻灯片

有趣的是：当我需要复习 React 知识以备面试时，我实际上已经把 Adrianne 的幻灯片收藏了。你也应该这样做。她非常擅长抓住公司在面试前端候选人时最感兴趣的方面。

不幸的是，我不得不提前下线，错过了与 React 核心团队的问答，但我计划在回去观看直播时更新这篇文章。:)