Emily Plummer's guest appearances

Emily Plummer

React Podcast

Brad Frost

Diana Mounter

Emma Wedekind

Rachel Nabors

Val Geisler

Pariss Athena

Adam Wathan

Burke Holland

Houssein Djirdeh

Harrison Shoff

Kent C Dodds

Nikolai Tillmann

Sunil Pai

Lee Byron

David Khourshid

OwlTail

Diana and Emily create design systems at Github. Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier. They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers. It’s a great discussion for everyone looking to improve processes in a legacy application. Featuring  Diana Mounter — Twitter, Github, Website Emily Plummer — Twitter, Github Michael Chan — Twitter, Github, Website  Notes &amp; Links  Jon Rohan — Systems Designer at Github Jina Anne — Design Systems OG, DSC organizer @sf_dsc, @NYC_DSC NYCDSC — Design Systems Coalition meetup in New York Donut.js — Emily's web development meetup in Portland. Organized by Matt McVicker Primer Style Guide — Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework Minimal API Surface Area — JSConf EU talk by Sebastian Markbåge BEM naming methodology — Conventions for extendable and reusable interface components Design systems at Github — A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team Lerna — 🐉 A tool for managing JavaScript projects with multiple packages Using Figma designs to build the Octicons icon library — An article by Jon Rohan on their new icon system styled-system — ✨ Responsive, theme-based style props for building design systems with React emotion — Performant and flexible CSS-in-JS Probot — GitHub Apps to automate and improve your workflow Primer Component — Github's React component driven style system Next.js — A React framework MDX — Markdown for the component era. mdx-docs — 📝 Document and develop React components with MDX and Next.js Andrew Clark: React Suspense — A powerful new set of primitives for addressing longstanding problems in UI development @githubprimer — The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, &amp; @emplums 

<p>Diana and Emily create design systems at Github.<br/> Chantastic asks them about the story of design at Github, what role React will play in future systems, and what community tools that make their job easier.<br/> They talk Rails, Lerna, monorepos, Figma, component APIs, and the importance of supporting your design system by supporting designers and engineers.<br/> It’s a great discussion for everyone looking to improve processes in a legacy application.</p> <h2>Featuring</h2> <ul> <li>Diana Mounter — <a href="https://twitter.com/broccolini/" rel="nofollow" target="_blank">Twitter</a>, <a href="https://github.com/broccolini" rel="nofollow" target="_blank">Github</a>, <a href="http://broccolini.net" rel="nofollow" target="_blank">Website</a></li> <li>Emily Plummer — <a href="https://twitter.com/emplums" rel="nofollow" target="_blank">Twitter</a>, <a href="https://github.com/emplums" rel="nofollow" target="_blank">Github</a></li> <li>Michael Chan — <a href="https://twitter.com/chantastic" rel="nofollow" target="_blank">Twitter</a>, <a href="https://github.com/chantastic" rel="nofollow" target="_blank">Github</a>, <a href="https://chantastic.org/" rel="nofollow" target="_blank">Website</a></li> </ul> <h2>Notes &amp; Links</h2> <ul> <li><a href="https://twitter.com/jonrohan" rel="nofollow" target="_blank">Jon Rohan</a> — Systems Designer at Github</li> <li><a href="https://twitter.com/jina?lang=en" rel="nofollow" target="_blank">Jina Anne</a> — Design Systems OG, DSC organizer <a href="https://twitter.com/sf_dsc" rel="nofollow" target="_blank">@sf_dsc</a>, <a href="https://twitter.com/NYC_DSC" rel="nofollow" target="_blank">@NYC_DSC</a></li> <li><a href="https://twitter.com/NYC_DSC" rel="nofollow" target="_blank">NYCDSC</a> — Design Systems Coalition meetup in New York</li> <li><a href="https://twitter.com/donutjs" rel="nofollow" target="_blank">Donut.js</a> — Emily's web development meetup in Portland. Organized by <a href="https://twitter.com/matthewmcvickar" rel="nofollow" target="_blank">Matt McVicker</a></li> <li><a href="https://styleguide.github.com/primer/" rel="nofollow" target="_blank">Primer Style Guide</a> — Resources, tooling, and design guidelines for building websites with Primer, GitHub's front-end framework</li> <li><a href="https://www.youtube.com/watch?v=4anAwXYqLG8" rel="nofollow" target="_blank">Minimal API Surface Area</a> — JSConf EU talk by <a href="https://twitter.com/sebmarkbage" rel="nofollow" target="_blank">Sebastian Markbåge</a></li> <li><a href="https://en.bem.info/methodology/" rel="nofollow" target="_blank">BEM naming methodology</a> — Conventions for extendable and reusable interface components</li> <li><a href="https://medium.com/@broccolini/design-systems-at-github-c8e5378d2542" rel="nofollow" target="_blank">Design systems at Github</a> — A Medium piece by Diana on everything design systems at Github. It goes into the tech and support roles of the Design Systems team</li> <li><a href="https://github.com/lerna/lerna" rel="nofollow" target="_blank">Lerna</a> — 🐉 A tool for managing JavaScript projects with multiple packages</li> <li><a href="https://blog.github.com/2018-04-12-driving-changes-from-designs/" rel="nofollow" target="_blank">Using Figma designs to build the Octicons icon library</a> — An article by Jon Rohan on their new icon system</li> <li><a href="https://github.com/jxnblk/styled-system" rel="nofollow" target="_blank">styled-system</a> — ✨ Responsive, theme-based style props for building design systems with React</li> <li><a href="https://emotion.sh" rel="nofollow" target="_blank">emotion</a> — Performant and flexible CSS-in-JS</li> <li><a href="https://probot.github.io" rel="nofollow" target="_blank">Probot</a> — GitHub Apps to automate<br/> and improve your workflow</li> <li><a href="https://primer.style/components" rel="nofollow" target="_blank">Primer Component</a> — Github's React component driven style system</li> <li><a href="https://github.com/zeit/next.js" rel="nofollow" target="_blank">Next.js</a> — A React framework</li> <li><a href="https://mdxjs.com" rel="nofollow" target="_blank">MDX</a> — Markdown for the component era.</li> <li><a href="https://github.com/jxnblk/mdx-docs" rel="nofollow" target="_blank">mdx-docs</a> — 📝 Document and develop React components with MDX and Next.js</li> <li><a href="https://www.youtube.com/watch?v=z-6JC0_cOns" rel="nofollow" target="_blank">Andrew Clark: React Suspense</a> — A powerful new set of primitives for addressing longstanding problems in UI development</li> <li><a href="https://twitter.com/githubprimer" rel="nofollow" target="_blank">@githubprimer</a> — The design system that powers GitHub. Maintained by @broccolini, @jonrohan, @shawnbot, &amp; @emplums</li> </ul>

25: Make Brilliant Messes with Diana Mounter and Emily Plummer