ConfPad

When I’m wearing a front developer’s hat, I worry about three things. How do I code the visual design attributes, so that it will be consistent and re-usable across projects (if possible across teams)? How to code different layouts — both component and page level layouts — which can be replicated. How to code the different states and variants of a component? How to make article look different when the device is offline? How to make the a primary button different from secondary? Again, these different variants should be accessible through props of the component. I’ll walk you through how we code design in React. These tips are agnostic to styling frameworks, inline styles, CSS-in-JS, or SCSS.