JS Lightning Talks: Coding for Design Systems

Dec 7, 2021 · Toronto, Canada

Welcome to JS Lightning Talks! This is a place for JavaScript developers to share new skills and learnings in rapid-fire, quick presentations.

This event is open to all skill levels.

"Making the tooltip: A React-only approach to this tiny powerhouse" by Oiza Baiye

Building a reusable tooltip component can be quite complicated, as devs at Bevy discovered while implementing a new design system. Join me on a walk through each problem we encountered and the solutions available in React-land and in the DOM API.

"Loading Custom Fonts" By Jen Chan
What to do when you're not importing a free font from Google Fonts? How to do so to avoid that flash-of-unstyled-text? This is a quick walkthrough of how to do that with Storybook and React components.

"Children not Props" by Nicole Chung
A short demo of how to use children instead of slot-style props in React.

"Building a new HashiCorp design system. Step 1: Icons" by Amy Lam

Amy joined a new Design Systems team in July to kick off a new design system at HashiCorp, serving the flagship products in Ember.js (Terraform, Vault, Boundary, Consul, Nomad, Waypoint, and HashiCorp Cloud Platform), in addition to marketing and documentation microsites in Next.js. This talk is about the implementation of a new icon set to deliver a consistent visual language across UIs.

"Seamless Systems with Modern Monorepos" by Connor Wilson
Take advantage of modern tooling to develop and publish libraries and apps at scale. No linking, no headaches, bootstrap your entire project with one command and focus on building

"What’s new in Storybook?" by Varun Vacchar.
Thousands of devs use Storybook daily to build UI components faster. The latest version brings a perf boost and unlocks new workflows. I’ll give you demo CSF 3 and interactive stories.


Oiza Baiye is a frontend engineer at Bevy. She really enjoys CSS. JavaScript is also her jam.

Jen Chan is a software developer at Rangle.

Nicole Chung is an engineer at Crowdstrike on the Design Systems and Foundations team.

Amy is a product-minded developer with a focus on the frontend. She is a Senior Engineer, Design Systems and Accessibility at HashiCorp. Amy enjoys playing dodgeball, strolling her doge around San Francisco, and growing her houseplant collection.

Connor Wilson is Dev Manager at Hopper. He's building libraries and apps to bring travel fintech to the world.

Varun is DX Engineer at Chromatic and a contributor to Storybook. He specializes in component-driven development, design systems and generative art.


Code of conduct is enforced at all TorontoJS events https://torontojs.com/p/code_of_conduct

Wanna give a talk or workshop? Tell us about it at https://tinyurl.com/torontoJS


6:00 - doors "open"

6:30 - Lightning Talks begin

8:30 - Q&A

9:00 - everyone goes "home"

Event organizers

Are you organizing JS Lightning Talks: Coding for Design Systems?

Claim the event and start manage its content.

I am the organizer

based on 0 reviews

Featured Events