ReactFoo Bangalore annual conference

India's largest React conference

From Sketch To Code: Designing a Component Kit

Submitted by Samantha Bretous (@samanthabretous) on Sunday, 7 October 2018

videocam_off

Technical level

Intermediate

Section

Full talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +1

Abstract

With clever organization and storybook on our side, managing shared components has never been easier. After working on multiple enterprise projects that use the same components it became a little overwhelming, but it does not have to. I will talk through how to create an effective workflow by showing examples of what worked and did not work for our team, from design QA to constant props. As well as how we tackled components, making sure documentation that stays up to date with API changes, and tools we used. Lastly, I go over to effective communicate with multiple parts of the organization to make a component kit successful.

Outline

Why are components important
What does a component consist of when trying to make one
Why is a component kit necessary
How Designers and Storybook JS contributes to making a successful kit
We are going to take everything we learned and put it all together

Speaker bio

Samantha Bretous is a Software Engineer at MailChimp. By day Samantha codes and is a DIY’er. At night she sleeps.

Slides

https://docs.google.com/presentation/d/1f0qsztWZh71M6CL971YK6x4pIBj9vQQ-4uNuCWfdgWI/edit?usp=sharing

Comments

Login with Twitter or Google to leave a comment